- ベストアンサー
JavaScriptで配列をHTMLで参照する方法
- JavaScriptで作成した配列の要素をHTMLのセレクトボックスの値として参照する方法について教えてください。
- 配列items[]の値をセレクトボックスのオプションに代入する方法を教えてください。
- JavaScriptで配列をソートし、順番にセレクトボックスのオプションに表示する方法を教えてください。
- burnquist
- お礼率60% (6/10)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
よくみたらNo1の 変だね ごめん No2の補足も踏まえて document.write("<option value=\"" +i+t+ " item\">" +i+t+ " item " +items[i]+ "</option>"); ↓ document.write("<option value=\"" +items[i][0]+ "\">" +items[i][0]+ "</option>"); 配列の使い方がイマイチ判ってないみたいね。 因みに代入はは↓の書き方でも同じ。 items = [ ["apple",12], ["orange",34], ["banana",15], ["grape",99], ["strawberry",7], ["rasberry",55], ["blueberry",22], ["lemon",4], ["nable",33], ["pear",44] ];
その他の回答 (2)
function cmp_func(lhs, rhs) { return rhs.count - lhs.count } ↓↓↓↓↓ function cmp_func(lhs, rhs) { return rhs[1] - lhs[1]; }
補足
たびたびすいません。上記の個所は個数のソート部分なので 私的には変える必要がないと思うのですが・・・どうでしょうか？ やりたいことは <option value="1st item">1st item <option value="2nd item">2nd item ... をjavascriptの配列itensを利用して、 <option value="apple">apple <option value="orange">orange ... となるようにしたいのです。 説明下手ですいませんが、ご教授よろしくお願いします。
for ( i=0 ; i < items.length ; i++) { t = "th"; switch(i){ case 1 : t = "st" ; break; case 2 : t = "nd" ; break; case 3 : t = "rd" ; break; } document.write("<option value=\"" +i+t+ " item\">" +i+t+ " item " +items[i]+ "</option>"); }
補足
回答ありがとうございます。 説明不足ですいませんが、やりたいことはセレクトボックスの中に 配列itemsの文字列を入れて、セレクトボックスで個数の多い順に grape,rasberry...のように選択できるようにしたいのです。 <select name="セレクト"> <option >セレクトボックス <option value="1st item">1st item //ここに配列itemsの値を参照するように記述したい </select><br> 説明が行き届いてなくてすいませんが、よろしくお願いします。
お礼
何度も質問してすいませんでした。 迅速かつ丁寧な回答で、大変助かりました。 感謝しています。 また質問をすることがあるかと思いますが、 その節はよろしくご教授願います。