日期:2014-05-16  浏览次数:20452 次

JS操作select相关方法

????? 1.判断select选项中 是否存在Value="paraValue"的Item
????? 2.向select选项中 加入一个Item
????? 3.从select选项中 删除一个Item
????? 4.修改select选项中 value="paraValue"的text为"paraText"
????? 5.设置select中text="paraText"的第一个Item为选中
????? 6.设置select中value="paraValue"的Item为选中
????? 7.得到select的当前选中项的value
????? 8.得到select的当前选中项的text
????? 9.得到select的当前选中项的Index
????? 10.清空select的项
????? -------------------------------------------
????? //1.判断select选项中 是否存在Value="paraValue"的Item
????? function jsSelectIsExitItem(objSelect,objItemValue)
????? {
????????? var isExit = false;
????????? for(var i=0;i<objSelect.options.length;i++)
????????? {
????????????? if(objSelect.options[i].value == objItemValue)
????????????? {
????????????????? isExit = true;
????????????????? break;
????????????? }
????????? }?????
????????? return isExit;
????? }
????? //2.向select选项中 加入一个Item
????? function jsAddItemToSelect(objSelect,objItemText,objItemValue)
????? {
????????? //判断是否存在
????????? if(jsSelectIsExitItem(objSelect,objItemValue))
????????? {
????????????? alert("该Item的Value值已经存在");
????????? }
????????? else
????????? {
????????????? var varItem = new Option(objItemText,objItemValue);
????? //????? objSelect.options[objSelect.options.length] = varItem;
????????????? objSelect.options.add(varItem);
????????????? alert("成功加入");
????????? }???
????? }
????? //3.从select选项中 删除一个Item
????? function jsRemoveItemFromSelect(objSelect,objItemValue)
????? {
????????? //判断是否存在
????????? if(jsSelectIsExitItem(objSelect,objItemValue))
????????? {
????????????? for(var i=0;i<objSelect.options.length;i++)
????????????? {
????????????????? if(objSelect.options[i].value == objItemValue)
????????????????? {
????????????????????? objSelect.options.remove(i);
????????????????????? break;
????????????????? }
????????????? }???????
????????????? alert("成功删除");???????????
????????? }
????????? else
????????? {
????????????? alert("该select中 不存在该项");
????????? }???
????? }
????? //4.修改select选项中 value="paraValue"的text为"paraText"
????? function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
????? {
????????? //判断是否存在
????????? if(jsSelectIsExitItem(objSelect,objItemValue))
????????? {
????????????? for(var i=0;i<objSelect.options.length;i++)
????????????? {
????????????????? if(objSelect.options[i].value == objItemValue)
????????????????? {
????????????????????? objSelect.options[i].text = objItemText;
????????????????????? break;
????????????????? }
????????????? }???????
????????????? alert("成功修改");???????????
????????? }
????????? else
????????? {
????????????? alert("该select中 不存在该项");
????????? }???
????? }
?????????????
????? //5.设置select中text="paraText"的第一个Item为选中
????? function jsSelectItemByValue(objSelect,objItemText)
????? {???
????????? //判断是否存在
????????? var isExit = false;
????????? for(var i=0;i<objSelect.options.length;i++)
????????? {
????????????? if(objSelect.options[i].text == objItemText)
????????????? {
????????????????? objSelect.options[i].selected = true;
????????????????? isExit = true;
????????????????? break;
????????????? }
????????? }?????
????????? //Show出结果
????????? if(isExit)
????????? {
????????????? alert("成功选中");???????????
????????? }
????????? else
????????? {
????????????? alert("该select中 不存在该项");
????????? }???
????? }
????? //6.设置select中value="paraValue"的Item为选中
????? //document.all.objSelect.value = objItemValue;
????? //7.得到select的当前选中项的value
????? //var currSelectValue = document.all.objSelect.value;
????? //8.得到select的当前选中项的text
????? //var currSelectText =
????? document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
????? //9.得到select的当前选