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

/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 = “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动态生成下拉列表 AddIODetailvar sel = $(itemCodeId); sel.options.length=0; sel.add(new Option(请选择,0),0); for(var i=0;ibusifeeitems.length;i+) var op = new Option(busifeeitemsi0,busifeeitemsi1); op.id= busifeeitemsi2; sel.add(op,i+1); /var oiTypeCode = $(oiTypeCode);/if(oiTypeCode.value!=null&oiTypeCode.value!=0)/itemNameOnChange(oiTypeCode);/feeModeChoose();/var feeMode = $(feeMode).value;/daytimesChange(feeMode)/alert($(itemCodeId).options.length);/重新设置费目信息function setfeeItem()/var oiTypeCode = $(oiTypeCode);/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$(itemCodeId).options.length;i+)if($(itemCodeId).optionsi.value = parent.window.feeItem)$(itemCodeId).optionsi.selected = true;/动态生成下拉window.dhx_globalImgPath = /jsp/JavaScript/autocomplete/imgs/;var comId = dhtmlXComboFromSelect(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 = $(trainShipCode);sel.options.length=0;if(list!=null & list.length!=0)var harbor;for(var i=0;ilist.length;i+)if(i=0)harbor=listi.trainShipCode;$(trainShipCode).add(new Option(listi.shipName,listi.shipCode),i+1);selectDefault($(trainShipCode),harbor););applyCombo(comId);var oStartPort = dhtmlXComboFromSelect(startPort);var oArrivalPort = dhtmlXComboFromSelect(arrivalPort);applyCombo(oStartPort);applyCombo(oArrivalPort);oStartPort.attachEvent(onChange,function()if(oStartPort.getSelectedIndex()!=oArrivalPort.getSelectedIndex() | oStartPort.getSelectedIndex()=0)return;elsealert(【始发港】和【到达】港口不能相同！);oStartPort.selectOption(0);return false;return true;);oArrivalPort.attachEvent(onChange,function()if(oStartPort.getSelectedIndex()!=oArrivalPort.getSelectedIndex() | oStartPort.getSelectedIndex()=0)return;elsealert(【始发港】和【到达】港口不能相同！);oArrivalPort.selectOption(0);return false;return true;);1判断select选项中是否存在Value=paraValue的Item2向select选项中加入一个Item3从select选项中删除一个Item4删除select中选中的项5修改select选项中value=paraValue的text为paraText6设置select中text=paraText的第一个Item为选中7设置select中value=paraValue的Item为选中8得到select的当前选中项的value9得到select的当前选中项的text10得到select的当前选中项的Index11清空select的项js代码/1.判断select选项中是否存在Value=paraValue的ItemfunctionjsSelectIsExitItem(objSelect,objItemValue)varisExit=false;for(vari=0;iobjSelect.options.length;i+)if(objSelect.optionsi.value=objItemValue)isExit=true;break;returnisExit;/2.向select选项中加入一个ItemfunctionjsAddItemToSelect(objSelect,objItemText,objItemValue)/判断是否存在if(jsSelectIsExitItem(objSelect,objItemValue)alert(该Item的Value值已经存在);elsevarvarItem=newOption(objItemText,objItemValue);objSelect.options.add(varItem);alert(成功加入);/3.从select选项中删除一个ItemfunctionjsRemoveItemFromSelect(objSelect,objItemValue)/判断是否存在if(jsSelectIsExitItem(objSelect,objItemValue)for(vari=0;i=0;i-)if(objSelecti.selected=true)objSelect.optionsi=null;/5.修改select选项中value=paraValue的text为paraTextfunctionjsUpdateItemToSelect(objSelect,objItemText,objItemValue)/判断是否存在if(jsSelectIsExitItem(objSelect,objItemValue)for(vari=0;iobjSelect.options.length;i+)if(objSelect.optionsi.value=objItemValue)objSelect.optionsi.text=objItemText;break;alert(成功修改);elsealert(该select中不存在该项);/6.设置select中text=paraText的第一个Item为选中functionjsSelectItemByValue(objSelect,objItemText)/判断是否存在varisExit=false;for(vari=0;iobjSelect.options.length;i+)if(objSelect.optionsi.text=objItemText)objSelect.optionsi.selected=true;isExit=true;break;/Show出结果if(isExit)alert(成功选中);elsealert(该select中不存在该项);/7.设置select中value=paraValue的Item为选中document.all.objSelect.value=objItemValue;/8.得到select的当前选中项的valuevarcurrSelectValue=document.all.objSelect.value;/9.得到select的当前选中