zoukankan      html  css  js  c++  java
  • [转]Jquery操作select

    本文转自:http://www.cnblogs.com/shuang121/archive/2011/05/11/2043392.html

    1.判断select选项中 是否存在Value="paraValue"的Item

      $("#selectid option[@value='paraValue']").length>0

    2.向select选项中 加入一个Item

      $("#selectid").append("<option value=''>1111<option>");

    3.从select选项中 删除一个Item

      $("#selectid").remove("<option value=''>1111<option>");

    4.修改select选项中 value="paraValue"的text为"paraText"

      $("#selectid option:selected").attr("value","paraValue").attr("text","paraText");

    5. 设置select中text="paraText"的第一个Item为选中

      $("#selectid option[@text='paraText']").attr("selected","true")

    6.设置select中 value="paraValue"的Item为选中

       $("#selectid option[@value='paraValue']").attr("selected","true")

    7.设置select中第一 个Item为选中

       $("#selectid option").eq(0).attr('selected', 'true');

    8. 得到select的当前选中项的value

       $("#selectid").val();

    9.得到select的当前选中项的text

       $("#selectid").text();

    10. 得到select的当前选中项的Index

       document.getElementById("select1").selectedIndex;

        $("#selectid").get(0).selectedIndex

    11. 清空select的项

        $("#selectid").empty();

    JS版本的:

    • //1.判断select选项中 是否存在Value="paraValue"的Item 
    • functionjsSelectIsExitItem(objSelect,objItemValue)  
    • {  
    •     varisExit =false;  
    •     for(vari=0;i;I++)  
    •      {  
    •         if(objSelect.options[i].value == objItemValue)  
    •          {  
    •              isExit =true;  
    •             break;  
    •          }  
    •      }       
    •     returnisExit;  
    • }  
    •  
    • //2.向select选项中 加入一个Item 
    • functionjsAddItemToSelect(objSelect,objItemText,objItemValue, objItemPos)  
    • {  
    •     //判断是否存在 
    •     if(jsSelectIsExitItem(objSelect,objItemValue))  
    •      {  
    •          alert("该Item的 Value值已经存在");  
    •      }  
    •     else 
    •      {  
    •         varvarItem =newOption(objItemText,objItemValue);  
    • //       objSelect.options[objSelect.options.length] = varItem; 
    •          objSelect.options.add(varItem, objItemPos);  
    •          alert("成功加入");  
    •      }     
    • }  
    •  
    • //3.从select选项中 删除一个Item 
    • functionjsRemoveItemFromSelect(objSelect,objItemValue)  
    • {  
    •     //判断是否存在 
    •     if(jsSelectIsExitItem(objSelect,objItemValue))  
    •      {  
    •         for(vari=0;i;I++)  
    •          {  
    •             if(objSelect.options[i].value == objItemValue)  
    •              {  
    •                  objSelect.options.remove(i);  
    •                 break;  
    •              }  
    •          }         
    •          alert("成功删除");             
    •      }  
    •     else 
    •      {  
    •          alert("该 select中 不存在该项");  
    •      }     
    • }  
    •  
    • //4.修改select选项中 value="paraValue"的text为"paraText" 
    • functionjsUpdateItemToSelect(objSelect,objItemText,objItemValue)  
    • {  
    •     //判断是否存在 
    •     if(jsSelectIsExitItem(objSelect,objItemValue))  
    •      {  
    •         for(vari=0;i;I++)  
    •          {  
    •             if(objSelect.options[i].value == objItemValue)  
    •              {  
    •                  objSelect.options[i].text = objItemText;  
    •                 break;  
    •              }  
    •          }         
    •          alert("成功修改");             
    •      }  
    •     else 
    •      {  
    •          alert("该 select中 不存在该项");  
    •      }     
    • }  
    •          
    • //5.设置select中text="paraText"的第一个 Item为选中 
    • functionjsSelectItemByValue(objSelect,objItemText)  
    • {     
    •     //判断是否存在 
    •     varisExit =false;  
    •     for(vari=0;i;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 
    • varcurrSelectValue = document.all.objSelect.value;  
    •  
    • //8.得到select的当前选中项的text 
    • varcurrSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;  
    •  
    • //9.得到select的当前选中项的Index 
    • varcurrSelectIndex = document.all.objSelect.selectedIndex;  
    •  
    • //10.清空select的项 
    • document.all.objSelect.options.length = 0;
    多思考,多创新,才是正道!
  • 相关阅读:
    vue脚手架引入MD5加密函数
    mysql 使用 MD5函数 校验账号密码
    iview引用自定义的图标
    vue 生命周期钩子
    mysql: show processlist 详解
    vue脚手架中动态引用图片的办法
    jsp 获取后端配置文件.properties的某个配置内容
    mybatis update 返回值
    python_判断缩写
    python_深拷贝与浅拷贝
  • 原文地址:https://www.cnblogs.com/freeliver54/p/2982839.html
Copyright © 2011-2022 走看看