参考这个：其它还有在我的网站上www.bjcan.com/hengxing/<script>
function addOption(text,value)
{
document.all.sel.options.add(new Option(text,value));
}
function delOption(idx)
{
document.all.sel.options.remove(idx);
}
</script>
<select name="sel">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>
<input type=button value=add onclick="addOption('4',4)">
<input type=button value=del onclick="delOption(0);">
function addOption(text,value)
{
document.all.sel.options.add(new Option(text,value));
}
function delOption(idx)
{
document.all.sel.options.remove(idx);
}
</script>
<select name="sel">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>
<input type=button value=add onclick="addOption('4',4)">
<input type=button value=del onclick="delOption(0);">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function setChange(obj)
{
var selValue = obj.options[obj.selectedIndex].value;
if (obj.name=="selName")
{
selId.value=selValue;
}
else
{
selName.value=selValue;
}
}
//-->
</SCRIPT>
</HEAD><BODY><SELECT NAME="selName" id="selName" onchange="setChange(this)">
<option value="1">姓名1</option>
<option value="2">姓名2</option>
<option value="3">姓名3</option>
<option value="4">姓名4</option>
</SELECT><SELECT NAME="selId" id="selId" onchange="setChange(this)">
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
</SELECT>
</BODY>
</HTML>
<option value="1">姓名1--代号1</option>
<option value="2">姓名2--代号2</option>
<option value="3">姓名3--代号3</option>
<option value="4">姓名4--代号4</option>
</SELECT>