选择下拉菜单并选择特定选项

Question

我想点击按钮S并仅将具有相同ID的选择元素更改为选项值= 1。

如果我在第一个按钮S上clic，只有“选择A1，A2和A3”将更改为选项值1 如果我在第二个按钮S上clic，只有“选择B1，B2和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>