select中option選項操作

2021-07-10 09:55:31 字數 1174 閱讀 7772



一、jquery獲取select選擇的text和value:

1、獲取select選擇的text

var checktext= jquery("#select_id").find("option:selected").text(); 

2、獲取select選擇的option value

var checkvalue = jquery("#select_id").val(); 

3、獲取select選擇的索引值

var checkindex = jquery("#select_id").get(0).selectedindex; 

4、獲取select最大的索引值

var maxindex = jquery("#select_idoption:last").attr("index"); 

二、jquery新增/刪除select的option項:

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

jquery("#select_id

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

jquery("#select_id").prepend("請選擇"); 

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

jquery("#select_idoption:last").remove(); 

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

jquery("#select_idoption[index='0']").remove(); 

5、 刪除select中value='3'的option

jquery("#select_idoption[value='3']").remove(); 

6、刪除select中text='4'的option

jquery("#select_idoption[text='4']").remove(); 

三、內容清空:

jquery("#select_id").empty();

JS 給select新增option選項

js 給select新增option選項 今天遇到乙個問題,就是動態新增option到slect裡面在ie6不成功 script varshosetype document.createelement select shosetype.setattribute id sc varoption 新增成...

選項模式 option

package main import fmt 使用場景,大量修改乙個結構體,增加字段值,初始化極其麻煩 引入option模式後,直接加乙個屬性和乙個函式就可以搞定 type message struct func msg message string func new id,phone int n...

SELECT中OPTION元素的顯示隱藏

在chrome和firefox瀏覽器中,有兩種方式控制顯示隱藏。1 option元素的hidden屬性,true為隱藏,false為顯示 2 option元素的style.display設定為none則為隱藏 這兩種方式都可以通過js來控制。在ie中,很麻煩,上面兩種方式都不支援,目前的辦法是給外面...