JavaScriptの初心者です。
var cd_0001 = new Object();
cd_0001["0001"]="アフリカ";
cd_0001["0002"]="南アメリカ";
cd_0001["0003"]="カリブ海/南アメリカ";
cd_0001["0004"]="アジア";
cd_0001["0005"]="オセアニア";
上記のような連想配列があります。
これを使って以下のようなコンボボックスを
作りたいのです。
<select name="cmb">
<option value="0001" selected>アフリカ</option>
<option value="0001">フィルター</option>
<option value="0002">南アメリカ</option>
<option value="0003">カリブ海/南アメリカ</option>
<option value="0004">アジア</option>
<option value="0005">オセアニア</option>
</select>
コンボボックスを作成する部分はネットで検索し
見つけました。
ですが、連想配列から全てのKEYと値を
取得することができません。
どのようにすれば取得することができるのでしょうか?
意味わかりますか?
説明がわかりにくく申し訳ございません。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
for in を使ってできます。
var cd_0001 = new Object();
cd_0001["0001"]="アフリカ";
cd_0001["0002"]="南アメリカ";
cd_0001["0003"]="カリブ海/南アメリカ";
cd_0001["0004"]="アジア";
cd_0001["0005"]="オセアニア";
for(var X in cd_0001) {
alert(X + cd_0001[X])
}
参考URL:http://www.tohoho-web.com/js/statement.htm#stFor
No.3
- 回答日時:
<script language="javascript" type="text/javascript">
<!--
var cd_0001 = new Object();
cd_0001["0001"] = "アフリカ";
cd_0001["0002"] = "南アメリカ";
cd_0001["0003"] = "カリブ海/南アメリカ";
cd_0001["0004"] = "アジア";
cd_0001["0005"] = "オセアニア";
function menuCreate() {
var str = '<select name="cmb">';
for(var X in cd_0001) {
str += '<option value="' + X + '">' + cd_0001[X] + '</option>';
}
str += '</select>';
document.write(str);
}
//-->
</script>
でコンボボックスを入れたいところに
<script language="javascript" type="text/javascript"><!--
menuCreate();
//--></script>
と記述する。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
このQ&Aを見た人はこんなQ&Aも見ています
-
それもChatGPT!?と驚いた使用方法を教えてください
仕事やプライベートでも利用が浸透してきたChatGPTですが、こんなときに使うの!!?とびっくりしたり、これは画期的な有効活用だ!とうなった事例があれば教えてください!
-
フォントについて教えてください!
みなさんの一番好きなフォントは何ですか? よく使うフォントやこのフォント好きだなあというものをぜひ教えてください!
-
これが怖いの自分だけ?というものありますか?
人によって怖いもの(恐怖症)ありませんか? 怖いものには、怖くなったきっかけやエピソードがあって聞いてみるとそんな感覚もあるのかと新しい発見があって面白いです。
-
この人頭いいなと思ったエピソード
一緒にいたときに「この人頭いいな」と思ったエピソードを教えてください
-
我がまちの「給食」自慢を聞かせてっ!
富山県の給食には「ベニズワイガニ」が出る、、、なんて話を聞いたことがあります。 日本全国「え、給食にそれ出るの!?」な驚きメニューがまだまだあるはず!
-
【javascript】連想配列からセレクトボックスを生成する時のvalue値が設定出来ません
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・「みんな教えて! 選手権!!」開催のお知らせ
- ・漫画をレンタルでお得に読める!
- ・【選手権お題その2】この漫画の2コマ目を考えてください
- ・2024年に成し遂げたこと
- ・3分あったら何をしますか?
- ・何歳が一番楽しかった?
- ・治せない「クセ」を教えてください
- ・【大喜利】看板の文字を埋めてください
- ・【大喜利】【投稿~12/17】 ありそうだけど絶対に無いことわざ
- ・【選手権お題その1】これってもしかして自分だけかもしれないな…と思うあるあるを教えてください
- ・【穴埋めお題】恐竜の新説
- ・我がまちの「給食」自慢を聞かせてっ!
- ・冬の健康法を教えて!
- ・一番好きな「クリスマスソング」は?
- ・集合写真、どこに映る?
- ・自分の通っていた小学校のあるある
- ・フォントについて教えてください!
- ・これが怖いの自分だけ?というものありますか?
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・10代と話して驚いたこと
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
全てのselect要素をデフォルト...
-
JavaScriptで<select>の<option...
-
javascriptでセルを矩形で選択する
-
複数のプルダウンを1つにまとめ...
-
連想配列を使ってコンボボック...
-
selectが変更されたらnameを指...
-
プルダウン連動とリンク
-
プルダウンメニューに連動する...
-
javascriptでセレクトボックス...
-
selectboxとcheckbox連動
-
セレクトボタンで特定の項目で...
-
jsでは、'で区切った部分を改行...
-
リストボックス内の重複したも...
-
webページの一部のみの更新につ...
-
<input>の選択肢をプルダウンメ...
-
phpと連動させるには?
-
動的なセレクトボックスの生成...
-
VBScriptでHTMLのセレクトボッ...
-
selectを変更不可にしたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
<input>の選択肢をプルダウンメ...
-
javascriptでセレクトボックス...
-
VBScriptでHTMLのセレクトボッ...
-
全てのselect要素をデフォルト...
-
Selectボックスの一覧表示方法
-
selectを変更不可にしたい
-
同じ名前のセレクトがある場合...
-
スマホのフォームでのselect複...
-
<select> をmultiple にしてい...
-
selectが変更されたらnameを指...
-
select要素のvalueを配列で取得...
-
プルダウンの選択値により活性...
-
ラジオボタンの選択に応じてプ...
-
まったく同じ<select>フォーム...
-
JavaScriptで<select>の<option...
-
ラジオボタンの値が取得できな...
-
プルダウンの値によって活性・...
-
webページの一部のみの更新につ...
-
今日の日付を自動的にセレクト...
おすすめ情報