新的起點 新的開始

          快樂生活 !

          JQuery Select 操作

          JQuery獲取和設置Select選項方法匯總如下: 獲取select 先看看下面代碼: $("#select_id").change(function(){//code...});   //為Select添加事件,當選擇其中一項時觸發 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;  //設置Select索引值為1的項選中 $("#select_id ").val(4);   //設置Select的Value值為4的項選中 $("#select_id option[text='jQuery']").attr("selected", true);   //設置Select的Text值為jQuery的項選中
          獲取select 選中的 text : $("#ddlRegType").find("option:selected").text();
          獲取select選中的 value:
          $("#nowamagic").val();
          獲取select選中的索引:
          $("#nowamagic").get(0).selectedIndex;
          設置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 設置select 選中的索引: //index為索引值 $("#nowamagic").get(0).selectedIndex=index;
          設置select 選中的value:
          $("#nowamagic").attr("value","Normal"); $("#nowamagic").val("Normal"); $("#nowamagic").get(0).value = value;
          設置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 閱讀(413) 評論(2)  編輯  收藏

          評論

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

          000  回復  更多評論   

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

          11111111111111  回復  更多評論   


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


          網站導航:
           

          公告

          Locations of visitors to this pageBlogJava
        1. 首頁
        2. 新隨筆
        3. 聯系
        4. 聚合
        5. 管理
        6. <2014年11月>
          2627282930311
          2345678
          9101112131415
          16171819202122
          23242526272829
          30123456

          統計

          常用鏈接

          留言簿(13)

          隨筆分類(71)

          隨筆檔案(179)

          文章檔案(13)

          新聞分類

          IT人的英語學習網站

          JAVA站點

          優秀個人博客鏈接

          官網學習站點

          生活工作站點

          最新隨筆

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 蓬莱市| 容城县| 北碚区| 赤峰市| 东莞市| 灵宝市| 德钦县| 武义县| 玉山县| 南丹县| 马尔康县| 桃园县| 乌什县| 南皮县| 邯郸县| 泽州县| 广平县| 开阳县| 娄底市| 建平县| 顺义区| 潮州市| 额尔古纳市| 扬州市| 右玉县| 江津市| 松江区| 麻阳| 从化市| 清原| 蒙城县| 美姑县| 肃宁县| 舒城县| 南丹县| 璧山县| 凭祥市| 株洲县| 小金县| 蒙自县| 南充市|