下拉框的「預設選擇「設定

2022-03-23 12:10:19 字數 378 閱讀 1439

書讀百遍其義自見,每一次閱讀都有不一樣的感覺。

近期再次重讀vue的官方教程時,發現很多之前沒有重視的地方,其實在使用的時候還是能帶來不少便利的。

比如:

如果 v-model 表達初始的值不匹配任何的選項, 元素就會以」未選中」的狀態渲染。在 ios 中,這會使使用者無法選擇第乙個選項,因為這樣的情況下,ios 不會引發 change 事件。因此,像以上提供 disabled 選項是建議的做法。

"">請選擇ab

cselect>

既能實現初始化時 select 預設處於待選擇的狀態,同時也是觸發change事件。

【拓展】:關於 input 事件和change事件的區別,可以參考如下文章。

select下拉框預設選擇

select標籤構成的下拉框和jquery通過js構建的下拉框用法一樣。例如 html下拉框 啟用 停用 js控制的下拉框 editdisplayname combobox 兩者的本質是相同的,但是,select標籤建立的下拉框會預設選中第乙個選項。而js控制的下拉框預設是不會選中任何選項的。當然s...

設定select下拉框不能選擇

設定select下拉框不能選擇,利用disabled disabled 很多人都認為設定disabled true 是為啟用,設定為 false 時為禁用,這是錯的。只要元素裡面設定了disabled 不管裡面為什麼都為禁用。所以原生設定 啟用 dom.setattribute disabled d...

menuSel選擇下拉框

style基礎樣式 menudownwarp menudownwarp on menudownwarp li 可以指定skin引數,通過修改樣式中的margin值來修正定位等一些樣式 建立選單示例 callback function msg return htm 建立的選單項帶有額外複雜資料示例 c...