在一个表单里有三个单选框,名字都一样,比如叫TYPE,但值不一样,比如,分别为:1,2,3
然后在同一个表单里还有一个select下拉菜单,如何写才能实现这样的效果:
当值为1的单选框选中时,select为:
<option value="com_name">按公司名称</option>
<option value="com_add">按公司地址</option>
<option value="com_tel">按公司电话</option>
当值为2的单选框选中后,SLEECT为:
<option value="product_name">按产品名称</option>
<option value="product_add">按产品型号</option>
<option value="product_tel">按产品类别</option>

当然,当值为3的单选框选中后,SELECT也会发生相应的变化

<script> <!--codewrittenbyridincal var hashObj_1 = new Array("com_name|按公司名称","com_add|按公司地址","com_tel|按公司电话"); var hashObj_2 = new Array("product_name|按产品名称","product_add|按产品型号","product_tel|按产品类别"); function changeSelect(type) { for(var i=-1;i<=oSel.options.length;i++)oSel.remove(0); for(i=0;i<3;i++) { var ar = eval("hashObj_"+type+"[i].split(\"|\")"); var oOption = document.createElement("OPTION"); oOption.text=ar[1]; oOption.value=ar[0]; oSel.add(oOption); } } //--> </script> <input type="radio" name="type" value="1" onclick=changeSelect(this.value)>1 <input type="radio" name="type" value="2" onclick=changeSelect(this.value)>2 <select id=oSel><option value="0">请选择</option></select>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]