![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ある要素内(div id="hoge")に入力されている文字列をセレクトボックスに置換することはできるでしょうか?
<div id="hoge">
会議室A<br />会議室B<br />会議室C<br />
</div>
上の<div id="hoge">要素を下記のように変更したいと思っております。
<br />を区分けの基準にして<br />自体は削除した形で置換できればと思います。
<div id="hoge">
<select name="room">
<option value="会議室A">会議室A</option>
<option value="会議室B">会議室B</option>
<option value="会議室C">会議室C</option>
</select>
</div>
上記のようなことは可能なのでしょうか?
可能であればご教授お願いいたします。
No.2ベストアンサー
- 回答日時:
とりあえずどうしてもということなので
<script>
window.onload=function(){
var hoge=document.getElementById("hoge");
var s=document.createElement("select");
s.setAttribute("name","room");
while(n=hoge.firstChild){
if(n.nodeName=="#text" && n.nodeValue!=="\n"){
var o=document.createElement("option");
o.setAttribute("value",n.nodeValue);
o.appendChild(document.createTextNode(n.nodeValue));
s.appendChild(o);
}
hoge.removeChild(n);
}
hoge.appendChild(s);
}
</script>
<div id="hoge">
会議室A<br />会議室B<br />会議室C<br />
</div>
迅速なご回答をいただきありがとうございました。
また、こちら側でテストができずにいた関係でお礼が遅くなり申し訳ありませんでした。
教えていただいた方法で期待通りの動きをしてくれました。
一時的に置換が必要な状況となり、どうしようかと困っていたので助かりました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
セレクトを全て選択されていな...
-
現在時刻を取得してフォームのs...
-
セレクトメニューで選択された...
-
フォームのメニューリストを外...
-
JQuery selectが反映されない
-
javaScriptで連動セレクトメニュー
-
window.openで新しいタブが開か...
-
Selectボックスの幅を自動で広...
-
セレクトボックスで現在選択さ...
-
リロード時もコンボボックスの...
-
【javascript・PHP】プルダウン...
-
ハイパーリンクを別ウインドウ...
-
<input>の選択肢をプルダウンメ...
-
至急!GetElementById でtdの...
-
TextBoxに半角数字以外を入れた...
-
value内に変数を入れたい
-
<JavaScript>tableタグを入力不...
-
画面表示とともに、テーブルの...
-
プルダウン選択を変更すると、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
Selectの中身をfor文で入れる
-
jQuery セレクトボックスで選択...
-
html selectの内容を初期値に戻す
-
セレクトを全て選択されていな...
-
CSVファイルを読みこみ、プルダ...
-
セレクトの値を取得できない
-
【javascript・PHP】プルダウン...
-
JQuery selectが反映されない
-
JavaScriptでプルダウンのサイ...
-
ブラウザの戻るボタンを押した...
-
現在時刻を取得してフォームのs...
-
UWSCのIE操作でプルダウンを選...
-
javascriptでselectボックスの<...
-
リストボックスの項目の順番を...
-
テーブルにおける行(セルにプル...
-
onFocusOutが複数回呼ばれる!
-
selectメニューのselectedの位...
-
javascriptでプルダウンメニュ...
おすすめ情報
ご回答ありがとうございます。
>元のHTMLを手で直したほうが良いのでは?
説明が足りませんでした。
もともとHTMLに記述されている文字列を置換するわけではありません。
プログラムを利用してデータベースから文字列を表示させるようになっています。
そのため元のHTMLには文字列が記述されていません。
>javascriptで変換したセレクトボックスなんて怖くて使えないと思います。
一時的な対応策のために簡易的に利用したいと考えております。
置換方法をご存知でしたらば教えていただけると助かります。
よろしくお願いいたします。