jq的select常用的方法：
一、下拉框賦值：
? ? ? ?1、已創建select的下拉框。
? ? ? ? ?①選中option的value為jquery
? ? ? ? ? ? 例：$("#szfs").val(“”jquery“”);
? ? ? ? ?②選中option的text為jquery
? ? ? ? ? ? 例： $("#select_id option[text='jQuery']").attr("selected", true);
? ? ? ? ?③設置Select索引值為1的項選中
? ? ? ? ? ? 例： $("#select_id ").get(0).selectedIndex=1; ?
? ? ? ? 2、未創建下拉框
? ? ? ? ① 創建option并選中
? ? ? ? ? ? 例：$("#ywcj").append("<option value="+data.YWCJID+">"+data.YWCJ+"</option>").attr("selected", true);
二、創建下拉框：

? ? 1. 刪除Select中Text='4'的Option
? ? ? ? ? 例：$("#select_id option[text='4']").remove(); ?
? ? 2. 為Select追加一個Option(下拉項)
? ? ? ? ? 例：$("#select_id").append("<option value='Value'>Text</option>"); ? ??
? ? 3.為Select插入一個Option(第一個位置)
? ? ? ? ? 例： $("#select_id").prepend("<option value='0'>請選擇</option>"); ?
? ? 4.刪除Select中索引值最大Option(最后一個)
? ? ? ? ? 例： $("#select_id option:last").remove(); ?
? ?5.刪除Select中索引值為0的Option(第一個)
? ? ? ? 例： $("#select_id option[index='0']").remove();?
? ?6. ?刪除Select中Value='3'的Option
? ? ? ?例： $("#select_id option[value='3']").remove();
?三、獲取選中值
? 1、獲取選中的value值
? ? ? $("#quiz0").val();
? 2、獲取選中的text值
? ? ?$("#quiz0 option:checked").text();
? 3、獲取選中的其他值
? ? ?例： `<option value="" tag-id="">請選擇</option>`
? ? 獲取tag-id的值：$(quiz0).find("option:selected").attr("tag-id")

四、設置不能選擇

disabled="true"

<select name="entity.gsdm" id="gsdm" οnchange="changeGsdm()" disabled="true" class="selectDisabled">因為select不能選擇后為背景顏色為白色，隨意使用background-color讓其變成灰色。

.selectDisabled {background-color: #D4D4CA; }

jq控制：

$("#sel").attr("disabled","disabled").css("background-color","#EEEEEE;");

? ? ? ? ?

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的select下拉框赋值和取值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。