ボタン S をクリックして、同じ ID を持つ選択要素のみをオプション値 = 1 に変更したい。
最初のボタン S をクリックすると、「select A1,A2 and A3」のみがオプション値 1 に変更されます 2 番目のボタン S をクリックすると、「select B1,B2 and B3」のみがオプション値 1 に変更されます
このコードを思いついたのですが、うまくいきません。
<script>
function selec_all(bu) {
var elements, i=0;
while(elements=document.getElementById(bu.id +(i++))) elements[i].selectedIndex = 2;
}
</script>
<form>
<div>
<input value="S" onclick="selec_all(this)" type="button" id="13887824">
<select name="A1" id="13887824">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
</select>
<select name="A2" id="13887824">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
</select>
<select name="A3" id="13887824">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
</select>
</div>
<div>
<input value="S" onclick="selec_all(this)" type="button" id="13887824">
<select name="B1" id="13887824">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
</select>
<select name="B2" id="13887824">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
</select>
<select name="B3" id="13887824">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
</select>
</div>
</form>