<form action="#">
<p>
3番目のアイテム: <input type="button" value="選択" onclick="fOptSelectDOM(3,true)" />
<input type="button" value="選択解除" onclick="fOptSelectDOM(3,false)" />
</p>
<p>
<select id="selN3">
<option value="0">アイテム0</option>
<option value="1">アイテム1</option>
<option value="2">アイテム2</option>
<option value="3">アイテム3</option>
</select>
</p>
<p>
アイテム: <input type="button" value="全選択" onclick="fOptSelectAllDOM(true)" />
<input type="button" value="全選択解除" onclick="fOptSelectAllDOM(false)" />
</p>
<p>
<select id="selN4" multiple="multiple">
<option value="0">アイテム0</option>
<option value="1">アイテム1</option>
<option value="2">アイテム2</option>
<option value="3">アイテム3</option>
</select>
</p>
</form>
<script type="text/javascript">
function fOptSelectDOM(idx,bool){
var sObj=document.getElementById("selN3");
if(sObj[idx]!=null){
sObj[idx].selected=bool;
}
}
function fOptSelectAllDOM(bool){
var sObj=document.getElementById("selN4");
for(var i=0; i<sObj.length; i++){
if(sObj[i]!=null){
sObj[i].selected=bool;
}
}
}
</script>