java下拉菜单js(javascript)实现方法

1、/var qtypejs = document.getElementById("qType"); /先取得对象/ var index = qtypejs.selectedIndex; 相当于数组下标“= 0表示没有选，= 1表示选择为空”/ var valjs = qtypejs.optionsindex.value; /数组下标对应的value值（对应隐藏的值）/ var txtjs = qtypejs.optionsindex.text; /数组下标对应的text值（就是下拉时候看到的值）/$(”goodItems”).optionsi.selected.value =

2、 “selected”;/将被选中的下拉value选中(有误)$(”goodItems”).optionsi.selected.length/取得下拉菜单的数组长度(有误)$("itemCodeId").options.length;$("itemCodeId").optionsi.value$("itemCodeId").optionsi.selected = true; /将被选中的下拉选中$(“goodName”).add(new Option(a,b);/new Option(“text”,”value”)插入下拉列表/js动

3、态生成下拉列表 AddIODetailvar sel = $("itemCodeId"); sel.options.length=0; sel.add(new Option('请选择','0'),0); for(var i=0;i<busifeeitems.length;i+) var op = new Option(busifeeitemsi0,busifeeitemsi1); op.id= busifeeitemsi2; sel.add(op,i+1); /var oiTypeCode = $("oiTypeCode&qu

4、ot;);/if(oiTypeCode.value!=null&&oiTypeCode.value!='0')/itemNameOnChange(oiTypeCode);/feeModeChoose();/var feeMode = $("feeMode").value;/daytimesChange(feeMode)/alert($("itemCodeId").options.length);/重新设置费目信息function setfeeItem()/var oiTypeCode = $("oiTypeCod

5、e");/if(oiTypeCode.value!=null&&oiTypeCode.value!='0')/itemNameOnChange(oiTypeCode);/feeModeChoose();var feeMode = $("feeMode").value;daytimesChange(feeMode)/alert($("itemCodeId").options.length);if(parent.window.feeItem!=null)for(var i= 0;i<$("itemCo

6、deId").options.length;i+)if($("itemCodeId").optionsi.value = parent.window.feeItem)$("itemCodeId").optionsi.selected = true;/动态生成下拉<script>window.dhx_globalImgPath = "<%=basePath%>/jsp/JavaScript/autocomplete/imgs/"var comId = dhtmlXComboFromSelect(&quo

7、t;comId");comId.attachEvent("onChange", editChange);function editChange()if(comId.getSelectedValue()=null | ""=comId.getSelectedValue()$("trainShipCode").options.length = 0;return;XCypdService.getShipsCode(comId.getSelectedValue(),function(list)var sel = $("tr

8、ainShipCode");sel.options.length=0;if(list!=null && list.length!=0)var harbor;for(var i=0;i<list.length;i+)if(i=0)harbor=listi.trainShipCode;$("trainShipCode").add(new Option(listi.shipName,listi.shipCode),i+1);selectDefault($("trainShipCode"),harbor););applyCombo

9、("comId");var oStartPort = dhtmlXComboFromSelect("startPort");var oArrivalPort = dhtmlXComboFromSelect("arrivalPort");applyCombo("oStartPort");applyCombo("oArrivalPort");oStartPort.attachEvent("onChange",function()if(oStartPort.getSelectedI

10、ndex()!=oArrivalPort.getSelectedIndex() | oStartPort.getSelectedIndex()=0)return;elsealert("【始发港】和【到达】港口不能相同！");oStartPort.selectOption(0);return false;return true;);oArrivalPort.attachEvent("onChange",function()if(oStartPort.getSelectedIndex()!=oArrivalPort.getSelectedIndex() |

11、oStartPort.getSelectedIndex()=0)return;elsealert("【始发港】和【到达】港口不能相同！");oArrivalPort.selectOption(0);return false;return true;);</script> 1判断select选项中 是否存在Value="paraValue"的Item  2向select选项中 加入一个Item  3从select选项中 删除一个Item  4删除

12、select中选中的项  5修改select选项中 value="paraValue"的text为"paraText"  6设置select中text="paraText"的第一个Item为选中  7设置select中value="paraValue"的Item为选中  8得到select的当前选中项的value  9得到select的当前选中项的text 10得到select的当前选中项的Ind

13、ex 11清空select的项 js 代码/ 1.判断select选项中 是否存在Value="paraValue"的Item        function jsSelectIsExitItem(objSelect, objItemValue)             var isExi

14、t = false;            for (var i = 0; i < objSelect.options.length; i+)                 if (objSe

15、lect.optionsi.value = objItemValue)                     isExit = true;                 

16、60;  break;                                        return isExit;   &#

17、160;                / 2.向select选项中 加入一个Item        function jsAddItemToSelect(objSelect, objItemText, objItemValue)      

18、0;      /判断是否存在            if (jsSelectIsExitItem(objSelect, objItemValue)                 alert("该Item的Value值

19、已经存在");             else                 var varItem = new Option(objItemText, objItemValue);    

20、60;         objSelect.options.add(varItem);             alert("成功加入");                  &#

21、160;         / 3.从select选项中 删除一个Item        function jsRemoveItemFromSelect(objSelect, objItemValue)             /判断是否存在 

22、0;          if (jsSelectIsExitItem(objSelect, objItemValue)                 for (var i = 0; i < objSelect.options.len

23、gth; i+)                     if (objSelect.optionsi.value = objItemValue)                 

24、        objSelect.options.remove(i);                        break;            &#

25、160;                                       alert("成功删除");      &#

26、160;      else                 alert("该select中 不存在该项");                   &

27、#160;          / 4.删除select中选中的项    function jsRemoveSelectedItemFromSelect(objSelect)             var length = objSelect.options.length

28、0;- 1;        for(var i = length; i >= 0; i-)            if(objSelecti.selected = true)          

29、      objSelect.optionsi = null;                                 / 5.修改select选项中 valu

30、e="paraValue"的text为"paraText"        function jsUpdateItemToSelect(objSelect, objItemText, objItemValue)             /判断是否存在      

31、      if (jsSelectIsExitItem(objSelect, objItemValue)                 for (var i = 0; i < objSelect.options.length; i+)  &

32、#160;                  if (objSelect.optionsi.value = objItemValue)                     &#

33、160;   objSelect.optionsi.text = objItemText;                        break;             &#

34、160;                                      alert("成功修改");       &#

35、160;     else                 alert("该select中 不存在该项");                    &

36、#160;          / 6.设置select中text="paraText"的第一个Item为选中        function jsSelectItemByValue(objSelect, objItemText)            

37、;     /判断是否存在            var isExit = false;            for (var i = 0; i < objSelect.options.length;&

38、#160;i+)                 if (objSelect.optionsi.text = objItemText)                     objSele

39、ct.optionsi.selected = true;                    isExit = true;                   

40、0;break;                                              /Show出结果            if (isExit)                 alert(&qu