select的option異常的總結

2021-06-27 01:01:41 字數 670 閱讀 3559

昨天,在專案中碰到了option顯示異常的原因,截圖如下:

firefox中用css控制之後效果

chrome和ie中css不奏效

除錯了很久,在網上也找了方法,最終無果,只要去請教大牛了。大牛建議我去檢視一下源**,是不是樣式改變了?這段**的select部分沒有任何樣式,怎麼會多?看了源**之後,樣式的確沒有多,但是每個option後面多了乙個.又回頭看了**,才明白,我把寫在了內迴圈中,按照我的邏輯,本應該放在外迴圈。調整之後,一切正常。

所以,除錯**又get了一招:檢視原**

獲取select的option方法

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

vue 獲取select選中的option的所有值

特殊說明一點,想要預設繫結乙個值 讓select的v model的值 privincecode 與option繫結的value值 能匹配到一致的,就會顯示預設的那個值。也就會預設顯示到option中的值 methods this.provincename newitem 0 name 從找到的當前項...

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...