HTML の <FORM> の

<SELECT>
<OPTION VALUE="11">AAA</OPTION>

の<OPTION >を JavaScript で設定しようと考えています。

方法ご存知の方いらっしゃいましたら、御教授願います。

また、JavaScript のメソッド/プロパティが網羅的に記述されている Web Page 等ありましたら、ぜひURLを教えてください。


よろしくお願い致します。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

> の<OPTION >を JavaScript で設定しようと考えています。



例えば、こんな感じでやります。

<form name="F">
<select name="S">
</select>
</form>

<!-- ★★★★★★ ここから -->
<script type="text/JavaScript">
S = document.X.S;
if (S.options.length < 1) {
S.options[0] = new Option("ラベル1", "値1");
S.options[1] = new Option("ラベル2", "値2");
S.options[2] = new Option("ラベル3", "値3");
history.go(0);
}
</script>
"ラベルn" が属性 label に対応し、"値n" が属性 value に対応します。

> また、JavaScript のメソッド/プロパティが網羅的に記述されている Web Page 等ありましたら、ぜひURLを教えてください。

私は、本家のページ(→参考URL)を良く見ます。

参考URL:http://developer.netscape.com/docs/manuals/commu …
    • good
    • 0
この回答へのお礼

大変助かりました。

またよろしくお願いします。

お礼日時:2002/03/11 09:00

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qの設定

お世話になります。

動的に<Select>を作成したく、new option で<option>を作成しておりますが、
このnew option で作成した<option>を<optgroup>にする方法がわかりません。

教えてください、宜しくお願いします。

Aベストアンサー

なんだかlinesとかいきなり出てくるし、どういうscriptかわかりませんが、

var oSelect = document.getElementById('select_bbb');
oSelect.removeChild(oSelect.firstChild);
これをfunction aaaの最初に入れれば削除してから追加する事になるかと思います。

QJavaScript Form OPTION value

JavaScript初心者です。

FormとJavaScriptでしたいことがあるのですが、
知識がなくて困っています。わかる方いましたら
ご教授くださいm(_ _)m

(ショッピングカートの)フォームのオプション選択の
ドロップダウンメニューで、オプションを選択すると
それに反応して、その横に配置した画像を変える~
という事がしたいです。

以下のURLにサンプルを見つけて、これと同じことがしたい!
と思ったのですが…

■ドロップダウンメニューで画像が変わる(JavaScript)
http://www.mdn.co.jp/webcre/Tips/Vol12/js_imagechange02.html

このサンプルではフォームの OPTION value
に0などナンバリングをしておいて、Javascriptで

if(fname==0){document.imgsmp.src=img0.src;}

など数字を指定して読み込むようになっていますが、
自分の環境の場合、フォームのオプション選択ごとに
価格を変えるため、OPTION valueに、

OPTION value="グリーン,3000"

というようにオプション名と追加価格を記入しています。
こういった場合、どの用にしたらいいのでしょうか?

自分のフォームのソースの一部を以下に書きます。

--------------------Form-----------------------------

<INPUT type="hidden" class="select_erea" name="option_price_name" value="オプション名">
<SELECT name="option_price" size="15" >
<OPTION value="レッド,1000">レッド</OPTION>
<OPTION value="オレンジ,2000">オレンジ</OPTION>
<OPTION value="グリーン,3000">グリーン</OPTION>
</SELECT>

-----------------------------------------------------

質問も初めてなので、至らない点が多々あるかと思いますが、
よろしくお願いします。

JavaScript初心者です。

FormとJavaScriptでしたいことがあるのですが、
知識がなくて困っています。わかる方いましたら
ご教授くださいm(_ _)m

(ショッピングカートの)フォームのオプション選択の
ドロップダウンメニューで、オプションを選択すると
それに反応して、その横に配置した画像を変える~
という事がしたいです。

以下のURLにサンプルを見つけて、これと同じことがしたい!
と思ったのですが…

■ドロップダウンメニューで画像が変わる(JavaScript)
http://www.mdn.co.jp/webcre...続きを読む

Aベストアンサー

とりあえず、そのサンプルのまま とするなら

fname=parts.options[parts.selectedIndex].value;



fname=parts.selectedIndex;

と変えるだけで使えます。
valueに関係なくOptionリストの上から順に、
0,1,2,3,4・・・の番号です。

そのサンプルもう少し整えた方が良いと思いますけど。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報