JQ動態生成select中的option

2021-08-20 12:43:29 字數 1082 閱讀 3587

jquery獲取select選擇的text和value:

1. $("#select_id").change(function()); //為select新增事件,當選擇其中一項時觸發

2. var checktext=$("#select_id").find("option:selected").text(); //

獲取select選擇的text

3. var checkvalue=$("#select_id").val(); //

獲取select選擇的value

4. var checkindex=$("#select_id ").get(0).selectedindex; //

獲取select選擇的索引值

5. var maxindex=$("#select_id option:last").attr("index"); //

獲取select最大的索引值

jquery新增/刪除select的option項:

為select追加乙個option(下拉項)

2. $("#select_id").prepend("請選擇"); //

為select插入乙個option(第乙個位置)

3. $("#select_id option:last").remove(); //

刪除select中索引值最大option(最後乙個)

4. $("#select_id option[index='0']").remove(); //

刪除select中索引值為0的option(第乙個)

5. $("#select_id option[value='3']").remove(); //

刪除select中value='3'的option

5. $("#select_id option[text='4']").remove(); //

刪除select中text='4'的option

內容清空:

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

layui動態渲染生成select的option值

1 指令碼語言 設定預設值 直接拼接,然後根據返回值渲染select 動態渲染指令碼型別下拉框2 1.傳送ajax請求得到data3 2.將data渲染到頁面上 4function getdatalist else if data.scriptlanguage 1 else if data.scri...

JQ動態生成節點繫結事件無效問題

最近做專案的時候遇見了乙個問題,通過jq將動態節點繫結到dom節點上,並且為動態節點繫結方法,此方法再次為動態節點新增動態節點,但在重新整理之後,動態節點上的方法失效了,過程為 建立動態節點 動態節點繫結方法 新增動態節點 重新整理後點選動態節點方法失效。1 首先通過ajax獲取到管理員管理多少個班...

jQuery動態生成select下拉框

前一陣在專案裡需要動態生成下拉框,找了一下用jquery實現比較方便,這裡整理一下。下文所述方法只是本人在專案中遇到問題的解決方法,場景較為簡單,也希望能幫助有需要的朋友 1 動態生成下拉框的兩種方式 1 將資料放在model中,jsp頁面用el表示式 取出,該方式缺點是資料更改時必須重新整理整個頁...