1

JavaScript関数を呼び出すチェックボックスがあります。このチェックボックスをオンにすると、フォーム内の他の値が自動的に入力されます。これらの他の値のタイプは、別のチェックボックスとオプション選択フィールドです。私はhtmlに次のものを持っています：

<div id="NA" >
<input type="checkbox" name="remove_cd" value="r_on" id="r_on_cd" />N/A:
<select name="reason" id="reason_list">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<font color="#cc0000">Reason Required</font><hr/></div>

JavaScriptでは、関数に次のものがあります。

...
var y = document.getElementById("NA").children;
for(var i=0; i<y.length; y++){
    y[i].checked=true;
    y[i].options.selectedIndex=2;
}
...

なぜこれが機能しないのか、少し混乱しています。フォームのチェックボックスをクリックすると、下のチェックボックスがオンに<div id="NA">なりますが、ドロップダウンのオプションは変更されません。アイデア？

4

3 に答える 3

2

あなたはあなたのループy++の代わりに持っています。i++これを試して

for(var i=0; i<y.length; i++){
    y[i].checked=true;
    y[i].selectedIndex=2;

}

スロー.selectedIndexで呼び出すoptionsCannot set property 'selectedIndex' of undefined

于 2012-07-23T20:17:57.830 に答える
0

正確に何をしたいのかわかりませんが、これを試してください：

<div id="NA" >
<input type="checkbox" name="remove_cd" value="r_on" id="r_on_cd" />N/A:
<select name="reason" id="reason_list">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<font color="#cc0000">Reason Required</font><hr/></div>
<script>
    window.onload = function() {
        var y = document.getElementById("NA").children; // it's not a good idea to use children array, because if you add a new element in the begining your script will fail
        var checkbox = y[0]; // it is better here to use: document.getElementById('r_on_cd');
        var select = y[1]; // it is better here to use: document.getElementById('reason_list');
        checkbox.onclick = function() {
            select.options.selectedIndex = 2;
        };
    }
</script>
于 2012-07-23T20:36:51.390 に答える
0 
y[i].options.selectedIndex=2;

おそらくただ読むべきです：

y[i].selectedIndex=2;
于 2012-07-23T20:11:07.157 に答える