SELECT中OPTION元素的顯示隱藏

2021-08-04 15:09:47 字數 555 閱讀 9115

在chrome和firefox瀏覽器中,有兩種方式控制顯示隱藏。

1、option元素的hidden屬性,true為隱藏,false為顯示;

2、option元素的style.display設定為none則為隱藏;

這兩種方式都可以通過js來控制。

在ie中,很麻煩,上面兩種方式都不支援,目前的辦法是給外面加一層隱藏的span,參考**:

參考**中用了jquery,如沒有引入jquery則需要自己用原生的js實現。

下面是我實現的乙個參考:

function

handleoption

(select,keyword)else

}else

if(nodenow.nodename == "span")else}}

}elseelse

}}else}}

}function

isie

()

這個方法對ie和chrome都做了判斷,其實對ie的方法對chrome也可以用,但是效能上肯定要稍差於只修改hidden屬性。

select中option選項操作

一 jquery獲取select選擇的text和value 1 獲取select選擇的text var checktext jquery select id find option selected text 2 獲取select選擇的option value var checkvalue jque...

JQ動態生成select中的option

jquery獲取select選擇的text和value 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的text 3.v...

獲取select的option方法

一 jquery方法 頁面中必須載入過jquery庫 推薦使用 1 var options test option selected 獲取選中的項 2 alert options.val 拿到選中項的值 3 alert options.text 拿到選中項的文字 demo text1 text2 二...