<SELECT ID="oSelect" NAME="Cars" SIZE="10">
<OPTION VALUE="1" SELECTED>宝马
<OPTION VALUE="2">保时捷
<OPTION VALUE="3" SELECTED>奔驰
</SELECT>
<input type=button value=click onclick=addo()>
<SCRIPT LANGUAGE="JScript">
function addo(){
var oOption = document.createElement("OPTION");
oOption.text="法拉利";
oOption.value="4";
oSelect.add(oOption,oSelect.selectedIndex);
}
</SCRIPT>
<OPTION VALUE="1" SELECTED>宝马
<OPTION VALUE="2">保时捷
<OPTION VALUE="3" SELECTED>奔驰
</SELECT>
<input type=button value=click onclick=addo()>
<SCRIPT LANGUAGE="JScript">
function addo(){
var oOption = document.createElement("OPTION");
oOption.text="法拉利";
oOption.value="4";
oSelect.add(oOption,oSelect.selectedIndex);
}
</SCRIPT>
<script language="JavaScript">
var t = function(){
var obj = document.getElementById('s');
var slectedNode;
for(var i =0;i<obj.childNodes.length;i++){
if(obj.childNodes[i].selected ==true)
{
slectedNode =obj.childNodes[i];
var newNode = document.createElement("option");
newNode.appendChild(document.createTextNode('new insert'));
slectedNode.parentNode.insertBefore(newNode,slectedNode);
break;
}
continue;
}
}
</script>
<select id="s">
<option>1</option>
<option selected='selected'>2</option>
</select>
<a href="javascript:void(0);" onclick="t()">insertBefore</a> </body>