在使用JQuery編寫(xiě)網(wǎng)頁(yè)時(shí)，經(jīng)常需要獲取select元素中選中的值。這里介紹兩種可以實(shí)現(xiàn)這個(gè)目標(biāo)的方法。 方法一：使用.val()方法 在JQuery中，可以使用.val()方法來(lái)獲取selec

在使用JQuery編寫(xiě)網(wǎng)頁(yè)時(shí)，經(jīng)常需要獲取select元素中選中的值。這里介紹兩種可以實(shí)現(xiàn)這個(gè)目標(biāo)的方法。

方法一：使用.val()方法

在JQuery中，可以使用.val()方法來(lái)獲取select選中的值。具體操作如下：

1. 先編輯一個(gè)最基本的select元素的結(jié)構(gòu)：

lt;selectgt;
    lt;option value"1"gt;一lt;/optiongt;
    lt;option value"2"gt;二lt;/optiongt;
    lt;option value"3"gt;三lt;/optiongt;
  lt;/selectgt;

2. 打開(kāi)瀏覽器，按F12打開(kāi)控制臺(tái)，選擇名為"result"的iframe。
3. 在控制臺(tái)中輸入以下代碼并運(yùn)行：
   $("select").val()
   這樣就可以準(zhǔn)確輸出選項(xiàng)的值。

方法二：使用:selected選擇器

除了使用.val()方法外，還可以使用:selected選擇器來(lái)獲取選中的元素。具體操作如下：

1. 同樣，在控制臺(tái)中輸入以下代碼并運(yùn)行：
   $("select option:selected").val()
   這樣就可以選擇選中的元素，并通過(guò).val()方法來(lái)獲取它的值。
2. 此外，還可以使用.text()方法來(lái)獲取選中元素的文本內(nèi)容：
   $("select option:selected").text()

通過(guò)上述兩種方法，我們可以輕松地獲取select選中的值，根據(jù)實(shí)際需求選擇合適的方法進(jìn)行操作。祝您編寫(xiě)愉快的JQuery代碼！