
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ランキング
-
selectで選ばれた値を別ページ...
-
スマホのフォームでのselect複...
-
<input>の選択肢をプルダウンメ...
-
プルダウン選択を変更すると、...
-
電車の運賃を出すプログラムを...
-
selectを変更不可にしたい
-
return falseが効かない
-
動的なセレクトボックスの生成...
-
hiddenに値を設定する方法
-
C#(csファイル)とjavascriptと...
-
select option value が IE だ...
-
addclassがうまく働きません
-
<select> をmultiple にしてい...
-
VBScriptでHTMLのセレクトボッ...
-
複数のプルダウンメニューの組...
-
return trueとreturn falseの用...
-
オークションサイト一括検索サ...
-
javascript作成してます。ラジ...
-
プルダウン 項目が多いので先頭...
-
onchangeイベントを強制的に発...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<input>の選択肢をプルダウンメ...
-
プルダウン選択を変更すると、...
-
javascriptでセレクトボックス...
-
スマホのフォームでのselect複...
-
二つのセレクトボックス間での...
-
全てのselect要素をデフォルト...
-
同じ名前のセレクトがある場合...
-
JavaScriptで<select>の<option...
-
ラジオボタンの値が取得できな...
-
<select> をmultiple にしてい...
-
Selectボックスの一覧表示方法
-
プルダウンの値によって活性・...
-
selectで選ばれた値を別ページ...
-
プルダウンのoptionの表示・非...
-
【JavaScript】プルダウンで数...
-
Selectボックスの要素入力を省...
-
javascriptでセルを矩形で選択する
-
セレクトボックスを2つ選択して...
-
return falseが効かない
-
IDをvalueの値でなく、class名...
おすすめ情報