裡動態新增option

2021-07-25 11:06:56 字數 1262 閱讀 1942

今天你問了我乙個關於在裡動態新增option問題,一開始以為是js那裡動態新增,所以用了js動態新增option的方法,但你那裡是用jquery的,所以才會一直出錯,下面記下在js和jquery裡新增option的區別。

js:var selid = document.getelementbyid("sltid");

for(var i=0; i<10;i++)

sid.options[sid.options.length]=new option("1","2");   // 在最後乙個值後面新增多乙個

$("#sltid").val('val2');  //定位

jquery:

當然除了這句,還有設定預設選擇值、第乙個的值、最後乙個的值、第n個的值等等的,所以在網上搜了一上:

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項:

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

為select動態新增option問題

題記 今天為個專案做兩個多選列表框互相移動案例,要求支援包括ff,ie,safari 蘋果 在內的瀏覽器使用。問題 現象二,用objselect.add objopiton 新增option,ff下不支援。關鍵 由於是日文專案,注釋為日文可忽略不看 function moveselected oso...

為select動態新增option問題

題記 今天為個專案做兩個多選列表框互相移動案例,要求支援包括ff,ie,safari 蘋果 在內的瀏覽器使用。問題 現象二,用objselect.add objopiton 新增option,ff下不支援。關鍵 由於是日文專案,注釋為日文可忽略不看 function moveselected oso...

JS動態新增option和刪除option

1.動態建立select function createselect 3.刪除所有選項option function removeall 4.刪除乙個選項option function removeone 5.獲得選項option的值 var obj document.getelementbyid ...