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の最初に入れれば削除してから追加する事になるかと思います。

Q百田尚樹さんの小説について

百田尚樹さんの小説はどのジャンルになりますか?
エンタメ
大衆
文学

Aベストアンサー

自称はエンタメ作家なのですが、本人いわく「二度と同じジャンルの作品は書かない!」と言っている通り、戦争・恋愛・昆虫物・ボクシングなどなど幅広いジャンルの作品を排出しています。

よって、あえてジャンルを設けるのであれば「エンタメ・その他」になるでしょう。

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・・・の番号です。

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

QNHK経営委員の百田尚樹はサイコパスですか?

他人を平気で人間のクズと罵り、NHKの経営委員に居座る百田尚樹は、サイコパスとか反社会性パーソナリティー障害という病なんでしょうか?

以下、サイコパスの定義。
・良心の異常な欠如
・他者に対する冷淡さや共感のなさ
・慢性的に平然と嘘をつく
・行動に対する責任が全く取れない
・罪悪感が全く無い
・過大な自尊心で自己中心的
・口の達者さと表面的な魅力

Aベストアンサー

まぁ、さすがにサイコパス程では無いかも知れませんが
あの人、若い頃、『ラブアタック!』でみじめアタッカーの常連だったそうですから
コンプレックスをバネに頑張って成功を収めた者にありがちな
傲慢さはあるかも知れませんね。
そう言えば、ヒットラーも若い頃、売れない画家だったでしょう。
そのパターンじゃないですか。
となると、末路は見えてますね。

Q
    から
の間をjavascriptで

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div id="images">
<ul>
<li style="width: 354px"><a href="javascript:;">ああ</a></li>
<li style="width: 354px"><a href="javascript:;">いい</a></li>
<li style="width: 354px"><a href="javascript:;">うう</a></li>
<li style="width: 354px"><a href="javascript:;">ええ</a></li>
</ul>
</div>
</body>
</html>
の<ul>から</ul>の間の<li></li>を1個にしたり5個にしたり、<ul>から</ul>を無くしたり
javascriptで動的に変更するスプリクトが知りたいです。

Aベストアンサー

ぜんかくくうはくは、はんかくに。
querySelectorAll と forEach がつかえれば。

<a href="javascript:←はラベルでしかない。いみがない。

<!DOCTYPE html>
<meta charset="UTF-8">
<title></title>
<body>
<div id="images">
<ul>
<li style="width: 354px"><a href="javascript:;">ああ</a></li>
<li style="width: 354px"><a href="javascript:;">いい</a></li>
<li style="width: 354px"><a href="javascript:;">うう</a></li>
<li style="width: 354px"><a href="javascript:;">ええ</a></li>
</ul>
<script>

var li = document.querySelectorAll ('#images > ul > li');
var ary = [0,3];//消したいもの

function delChild (no) {
 var e = this[no];
 e.parentNode.removeChild (e);
}

ary.forEach (delChild, li);

</script>

ぜんかくくうはくは、はんかくに。
querySelectorAll と forEach がつかえれば。

<a href="javascript:←はラベルでしかない。いみがない。

<!DOCTYPE html>
<meta charset="UTF-8">
<title></title>
<body>
<div id="images">
<ul>
<li style="width: 354px"><a href="javascript:;">ああ</a></li>
<li style="width: 354px"><a href="javascript:;">いい</a></li>
<li style="width: 354px"><a href="javascript:;">うう</a></li>
<li style="width: 354px"><a href="javascript:;">ええ</a></li>
</ul>
<scrip...続きを読む


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

人気Q&Aランキング