js操作select相关方法.doc

js操作select相关方法1.判断select选项中 是否存在Value=paraValue的Item2.向select选项中 加入一个Item3.从select选项中 删除一个Item4.修改select选项中 value=paraValue的text为paraText5.设置select中text=paraText的第一个Item为选中6.设置select中value=paraValue的Item为选中7.得到select的当前选中项的value8.得到select的当前选中项的text9.得到select的当前选中项的Index10.清空select的项JavaScript代码/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.optionsobjSelect.options.length=varItem;objSelect.options.add(varItem);alert(成功加入);/3.从select选项中删除一个ItemfunctionjsRemoveItemFromSelect(objSelect,objItemValue)/判断是否存在if(jsSelectIsExitItem(objSelect,objItemValue)for(vari=0;iobjSelect.options.length;i+)if(objSelect.optionsi.value=objItemValue)objSelect.options.remove(i);break;alert(成功删除);elsealert(该select中不存在该项);/4.修改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中不存在该项);/5.设置select中text=paraText的第一个Item为选中functionjsSelectItemByValue(objSelect,objItemText)/判断是否存在varisExit=false;for(vari=0;i-1)/说明选中for(vari=0;iselTarget.options.length;i+)if(selTarget.optionsi.selected)selTarget.remove(i);i=i-1;/注意这一行3、移动Select里的Option到另一个Select中functionfnMove(fromSelectID,toSelectID)varfrom=document.getElementById(fromSelectID);varto=document.getElementById(toSelectID);for(vari=0;ifrom.options.length;i+)if(from.optionsi.selected)to.appendChild(from.optionsi);i=i-1; if 里的代码也可用下面几句代码代替varop=from.optionsi;to.options.add(newOption(op.text,op.value);from.remove(i);4、Select里Option的上下移动functionfnUp()varsel=document.getElementById(selID);for(vari=1;i=0;i-)/向下移动，最后一个不需要处理，所以直接从倒数第二个开始if(sel.options.item(i).selected)if(!sel.options.item(i+1).selected)/下面的Option没选中，上下互换varselText=sel.options.item(i).text;varselValue=sel.options.item(i).value;sel.options.item(i).text=sel.options.item(i+1).text;sel.options.item(i).value=sel.options.item(i+1).value;sel.options.item(i).selected=false;sel.options.item(i+1).text=selText;sel.options.item(i+1).value=selValue;sel.options.item(i+1).selected=true;5、Select里Option的排序这里借助Array对象的sort方法进行操作，sort方法接受一个function参数，可以在这个function里定义排序时使用的算法逻辑。array.sort(compareFunction) 里compareFunction接受两个参数(p1,p2)，sort操作进行时，array对象会每次传两个值进去，进行比较； compareFunciton必须返回一个整数值：当返回值0时，p1会排在p2后面；返回值0时，p1会排在p2前面；返回值=0 时，不进行操作。例如： functionfnCompare(a,b)if(ab)return1;return0;vararr=newArray();/addsomevalueintoarrarr.sort(fnCompare);/这里sort的操作结果就是arr里的项按由小到大的升序排序/如果把fnCompare里改为/if(ab)/return-1;/return0;/则sort的结果是降序排列好，下面就是对Select里Option的排序/因为排序可以按Option的Value排序，也可以按Text排序，这里只演示按Value排序functionsortItem()varsel=document.getElementById(selID);varselLength=sel.options.length;vararr=newArray();vararrLength;/将所有Option放入arrayfor(vari=0;iselLength;i+)arri=sel.optionsi;arrLength=arr.length;arr.sort(fnSortByValue);/排序/先将原先的Option删除while(selLength-)sel.optionsselLength=null;/将经过排序的Option放回Select