欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 下拉框 選中

錢淋西2年前14瀏覽0評論

CSS下拉框是一種常用的表單元素,可以讓用戶在多個選項中選擇一個或多個選項。在使用CSS下拉框時,我們需要知道如何選中下拉框中的特定選項。

<select id="mySelect"> 
<option value="option1">選項1</option> 
<option value="option2">選項2</option> 
<option value="option3">選項3</option> 
<option value="option4">選項4</option> 
</select>

以上是一個基本的HTML代碼,創建了一個簡單的下拉框,其中有四個選項。

document.getElementById("mySelect").value = "option2";

現在,我們使用JavaScript代碼將下拉框中的選項2選中。

如果你想選中多個選項,可以使用以下代碼:

document.getElementById("mySelect").options[1].selected = true; 
document.getElementById("mySelect").options[3].selected = true;

如何用CSS樣式來設置下拉框中的選項呢?我們可以使用以下代碼:

#mySelect option[value="option2"] { 
color: red; 
}

以上CSS代碼將選中下拉框中值為“option2”的選項,并將其文本顏色設置為紅色。

總之,使用CSS下拉框時,我們可以使用JavaScript代碼選中選項,也可以使用CSS樣式更改選項的樣式。