- ベストアンサー
連想配列からセレクトボックスを生成する方法
- JavaScriptを使用して、連想配列から特定のキーに関連するセレクトボックスを生成することは可能です。
- 提供された連想配列からnameキーの値のみを抽出し、セレクトボックスのオプションとして表示することができます。
- これにより、配列の要素が増えても自動的にセレクトボックスが更新されます。
- marlmalmal
- お礼率100% (5/5)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
idのついたselectは最初から定義されているのでしょうか？ またnameのないselectやvalueのないoptionでよいのでしょうか？ たとえば、こんな感じ <script> var profile = [ {"name":'Aさん',"tall":'150cm',"like":'映画'} ,{"name":'Bさん',"tall":'160cm',"like":'野球'} ,{"name":'Cさん',"tall":'170cm',"like":'テニス'} ]; window.onload=function(){ var n=document.getElementById("Namesct"); for(var i=n.options.length -1;i>=0;i--){ n.removeChild(n.options[i]); } for(var i=0;i<profile.length;i++){ var opt=document.createElement("option"); opt.appendChild(document.createTextNode(profile[i].name)); opt.setAttribute("value",profile[i].name); n.appendChild(opt); } } </script> <form> <p> <select name="Namesct" id="Namesct"> <option>Xさん</option> <option>Yさん</option> <option>Zさん</option> </select> </p> </form>
お礼
素早いご回答有り難うございます。 望んでいたものがバッチリできました！ 感謝いたします。