html onchange

質問

下記のコードでf002は動きますが、f001が動きません。

scriptで作ったオプションメニューもonChangeが働くようにするには、いかがしたらよろしいでしょうか？

<script language="JavaScript"><!--

function f001(){
if (document.test.s1.value==2) alert("2が入力されました");
}

function f002(){
if (document.test.s2.value==2) alert("2が入力されました");
}

var i,ht=[];

i=0;
ht[i] = '<select onChange="f001()" id="s1" >';
for( var i=1; i<=5;)
ht[i] = '<option value='+(i)+(i==1?' selected':'')+'>'+(i++)+'</option>';
ht[i] = '</select>';
document.write('s1 =', ht.join(''));

// --></script>

<form name="test">
s2 =
<select onChange="f002()" id=s2>
<option value=1 selected>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>
</form>

回答No.4

yambejp · ベストアンサー

＞どうやって内側に入れたらよろしいのでしょうか？

難しく考えずにformのなかにスクリプトタグを書けばいいですよね。
一応functionは分けておきます。

<script>
function f001(){
if (document.test.s1.value==2) alert("2が入力されました");
}
function f002(){
if (document.test.s2.value==2) alert("2が入力されました");
}
</script>

<form name="test">
<script>
var i,ht=[];
i=0;
ht[i] = '<select onChange="f001()" id="s1" >';
for( var i=1; i<=5;)
ht[i] = '<option value='+(i)+(i==1?' selected':'')+'>'+(i++)+'</option>';
ht[i] = '</select>';
document.write('s1 =', ht.join(''));
</script>
s2 =
<select onChange="f002()" id=s2>
<option value=1 selected>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>
</form>

お礼

>formのなかにスクリプトタグを書けばいいですよね。

えぇ！！---そうなんですか。
スクリプトは、HEADの部分にしか書けないと思ってました。
というかHEADも記述してなかったですが・・・・

ありがとうございました。

回答No.3

zxcv0000

1 for( var i=1; i<=5;) の後に { が無いのはわざと？ まずい様に見えますが？

2 ht[i] = '<option value='+(i)+(i==1?' selected':'')+'>'+(i++)+'</option>';
の中の (i++) で i の値が変って、ループ処理が破綻してないですか？ 同じ行の ht[i] も変更後の i を使いたんですか？

どんな物が生成されたか、document.write と同じ内容を alert() で見てみる事をお勧めします。

回答No.2

yambejp

＃１もそうですが、構造的に・・・
document.test.s1.value==2
となっていますが、
s1はtestの外側にありますよね？

突っ込みどころはたくさんありますが、動けばいいやというので
あればそのあたりをみなおしてみてください

補足

HTML Javascript まだ始めだして数日でして、とりあえず動くか試してる状況です。

>s1はtestの外側にありますよね？

そのとうりで、どうやって内側に入れたらよろしいのでしょうか？

回答No.1

yuu_x

色々、、、まあいいや。

ht[i] += '<option value='+(i)+(i==1?' selected':'')+'>'+(i++)+'</option>';

+ が抜けてるからでないですか？