• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:xmlのデータを、セレクトメニューの項目にセットする)

xmlデータをセレクトメニューにセットする方法

このQ&Aのポイント
  • 画面遷移せずにデータベースの内容を利用してセレクトメニューを変更する方法
  • Javascriptを使用してxmlDOMをロードし、値を取り出して新しいセレクトメニューを作成する方法
  • ループを使用してDOMの値を取り出し、既存のセレクトメニューを置き換える方法

質問者が選んだベストアンサー

  • ベストアンサー
  • xruz
  • ベストアンサー率50% (72/143)
回答No.1

こんにちはさん、xruzです。こんな感じでしょうか? Window2000sp1+Ie5.5sp2+MSXML3.0sp2で動作確認済み。 [html] <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>xml</title> </head> <script type="text/javascript"> <!-- var xXml=new ActiveXObject("Microsoft.XMLDOM"); xXml.async=false; function getOptList(x) { xXml.load(x); // 既存のOption削除 document.f.s.options.length=0; // 新規Option作成 var optList=xXml.documentElement.childNodes; with(document.f.s) { options.length=optList.length; for(var i=0;i<optList.length;i++) { options[i].value=optList[i].getAttribute("value"); options[i].text=optList[i].firstChild.nodeValue; }} } //--> </script> <body> <form method="post" action="a.asp" name="f"> <select name="s" size="1"> <option value="a">aaa<option value="b">bbb<option value="c">ccc </select> <input type="button" value="changeOption" onClick="getOptList('optlist.xml')"> </form> </body> </html> [xml:optlist.xml] <?xml version="1.0" encoding="Shift_JIS"?> <lists> <opt value="green">緑</opt> <opt value="blue">青</opt> <opt value="red">赤</opt> </lists> がんばってくださいね(~:~i

raly-raly
質問者

お礼

めちゃめちゃわかりやすいです! OkWebって、本当、「世の中にはいい人がいるにゃあ」と感動させてくれます。 ありがとうございました。(^o^)

関連するQ&A