在網(wǎng)頁開發(fā)過程中,經(jīng)常會遇到需要獲取或設(shè)置 `
一、獲取選中值
要獲取一個 `
例如,假設(shè)有如下 HTML 代碼:
```html
```
那么,通過以下 jQuery 代碼可以獲取當(dāng)前選中的值:
```javascript
var selectedValue = $('mySelect').val();
console.log(selectedValue);
```
如果用戶選擇了“選項二”,控制臺將輸出 `"2"`。
二、獲取選中項的文本內(nèi)容
有時候我們不僅需要知道選中的值,還需要獲取該選項的顯示文本。這時可以通過 `.find(':selected')` 來找到被選中的 `
示例代碼如下:
```javascript
var selectedText = $('mySelect').find(':selected').text();
console.log(selectedText);
```
這樣就能得到用戶實際看到的選項名稱,比如“選項二”。
三、設(shè)置選中值
除了獲取選中值外,jQuery 還允許我們通過 `val()` 方法來設(shè)置某個 `
```javascript
$('mySelect').val('3');
```
這會自動將 `value` 為 `"3"` 的 `
四、多選下拉框的處理
如果是多選的 `
HTML 示例:
```html
```
獲取選中值:
```javascript
var selectedValues = $('multiSelect').val();
console.log(selectedValues); // 輸出類似 ["a", "c"]
```
設(shè)置多個選中項:
```javascript
$('multiSelect').val(['a', 'c']);
```
五、注意事項
- 使用 `val()` 方法時,確保目標(biāo)元素是 `
- 在動態(tài)生成的 `
- 如果頁面中有多個 `
總結(jié)
jQuery 的 `val()` 方法為操作 `