新的起點 新的開始

          快樂生活 !

          JQuery Select 操作

          JQuery獲取和設(shè)置Select選項方法匯總?cè)缦拢?獲取select 先看看下面代碼: $("#select_id").change(function(){//code...});   //為Select添加事件,當(dāng)選擇其中一項時觸發(fā) var checkText=$("#select_id").find("option:selected").text();  //獲取Select選擇的Text var checkValue=$("#select_id").val();  //獲取Select選擇的Value var checkIndex=$("#select_id ").get(0).selectedIndex;  //獲取Select選擇的索引值 var maxIndex=$("#select_id option:last").attr("index");  //獲取Select最大的索引值 $("#select_id ").get(0).selectedIndex=1;  //設(shè)置Select索引值為1的項選中 $("#select_id ").val(4);   //設(shè)置Select的Value值為4的項選中 $("#select_id option[text='jQuery']").attr("selected", true);   //設(shè)置Select的Text值為jQuery的項選中
          獲取select 選中的 text : $("#ddlRegType").find("option:selected").text();
          獲取select選中的 value:
          $("#nowamagic").val();
          獲取select選中的索引:
          $("#nowamagic").get(0).selectedIndex;
          設(shè)置select jQuery添加
          /刪除Select的Option項: $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項) $("#select_id").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置) $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個) $("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個) $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option 設(shè)置select 選中的索引: //index為索引值 $("#nowamagic").get(0).selectedIndex=index;
          設(shè)置select 選中的value:
          $("#nowamagic").attr("value","Normal"); $("#nowamagic").val("Normal"); $("#nowamagic").get(0).value = value;
          設(shè)置select 選中的text:
          var count=$("#nowamagicoption").length; for(var i=0;i<count;i++) {
              
          if($("#nowamagic").get(0).options[i].text == text) { $("#nowamagic").get(0).options[i].selected = true; break; } }
          清空 select:
          $("#nowamagic").empty();

          posted on 2013-11-05 13:33 advincenting 閱讀(412) 評論(2)  編輯  收藏

          評論

          # re: JQuery Select 操作 2014-11-13 17:16 12我

          000  回復(fù)  更多評論   

          # re: JQuery Select 操作 2014-11-13 17:16 12我

          11111111111111  回復(fù)  更多評論   


          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           

          公告

          Locations of visitors to this pageBlogJava
        1. 首頁
        2. 新隨筆
        3. 聯(lián)系
        4. 聚合
        5. 管理
        6. <2013年11月>
          272829303112
          3456789
          10111213141516
          17181920212223
          24252627282930
          1234567

          統(tǒng)計

          常用鏈接

          留言簿(13)

          隨筆分類(71)

          隨筆檔案(179)

          文章檔案(13)

          新聞分類

          IT人的英語學(xué)習(xí)網(wǎng)站

          JAVA站點

          優(yōu)秀個人博客鏈接

          官網(wǎng)學(xué)習(xí)站點

          生活工作站點

          最新隨筆

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 礼泉县| 安塞县| 长武县| 漳浦县| 铜山县| 滦平县| 河南省| 孟村| 明溪县| 芦山县| 乌兰察布市| 吴桥县| 建平县| 滁州市| 固始县| 沂源县| 台前县| 宁都县| 浦江县| 呼玛县| 正宁县| 岳阳县| 桓台县| 乌鲁木齐县| 安达市| 张家口市| 察隅县| 岑溪市| 章丘市| 河北省| 周宁县| 宁蒗| 栾川县| 古浪县| 大埔县| 巴马| 涞源县| 明光市| 罗田县| 湘潭县| 丰顺县|