實現select標籤只讀的幾種方法

1、  disabled屬性,但是加上這個屬性之後提交表單的時候select標籤取不到值,所以在提交表單前需要去掉這個屬性,$("#role").removeAttr("disabled");

2、  在select標籤中加上onclick事件和onmousedown事件。(οnclick="return false;" οnmοusedοwn="return false;")。"return false"表示阻止瀏覽事件的默認處因爲onclick包括按下和鬆開,單獨只有onclick,只要按下就會觸發事件,所以要加上onmousedown,onmousedown 屬性在鼠在元素上按下

3、  給select標籤加上css樣式(pointer-events: none;)。none——元素永遠不會成爲鼠標事件的target(目標)。但是,當其後代元素的pointer-events屬性指定其他值時,鼠標事件可以指向後代元素,在這種情況下,鼠標事件將在捕獲或冒泡階段觸發父元素的事件偵聽器。實際上默認就可以穿透當前層,因爲pointer-events默認爲auto。但是這種方法不知道爲什麼,在win8系統下,同樣用ie11就不好使,沒找到原因。有大佬如果知道請不吝賜教,先謝謝啦。

4、  還有一種下拉框可以下拉,但是選不上值。(οnfοcus="this.defaultIndex=this.selectedIndex;" οnchange="this.selectedIndex=this.defaultIndex;")

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章