HTML之select下拉框 預設值設定

2021-10-17 02:45:06 字數 873 閱讀 7015

當我們做web專案時,總是會碰到的一種情況是下拉框的使用,提交資料很簡單,但是資料的回顯就會遇到一些問題:

我們在資料回顯時,期望下拉框預設顯示的是這條資料選擇的選項。

舉個例子:

有一篇博文,我上傳時設定的博文分類是:原創;

下拉框預設顯示的應該是:請選擇

資料回顯時期望顯示的是:原創;

其實這個問題很簡單,就是預設顯示誰的問題。

如果我們什麼都不設定,預設顯示的是c:for遍歷出來的第乙個資料。

如果設定預設值的話,selected屬性就可以幫我們實現:

$

此時的設定很明顯會預設顯示:遍歷資料的最後乙個。因為前邊的selected屬性都被最後乙個覆蓋了

而我們的需求是:期望下拉框預設顯示的是這條博文原來選擇的原創選項。

略加嘗試,selected=「selected」這個表示式可不可以設定別的值?比如:

$

此時是這樣子的:

c標籤仍然會繼續遍歷給出的t,但是生成的每乙個option都附帶乙個selected標籤,這個標籤的值是給定的博文型別,是通過el表示式獲取到的;

那麼不難想到,selected的值一定是博文原來選擇的型別,當然,前提條件是:selected屬性可以設定出了selected之外的值。

經過測試,此法完全可行:

selected可以設定出了selected之外的值;

下拉框的預設值設定成了el表示式傳過來的值;

所以,我們的需求可以得到滿足了。

結果圖如下:

下拉框處理(select)

在ui自動化測試過程中,經常會遇到一些下拉框,我們有三種可選方式來操作下拉框。第一種方法 基於webdriver的兩次click,很容易出現問題,不建議使用。由於部分下拉框在點選一次後,失去焦點再點下一次時可能下拉框中的引數就消失了,那麼就無法進行選擇了,所以會出現無法定位到目標元素或目標元素不可見...

select下拉框之JS JQuery詳細操作

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!var selobj 下拉框物件 1.移除所有項 selobj.options.length 0 2.移除下拉框中的一項 selobj.options.remove index index 為下拉框選項的索引值,若0索引項移出 自上而下 那麼1索引...

select下拉框預設選擇

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