jQuery取得下拉選單selected中數值與內容的方法

假設選單狀態為：

<select id='selectname '>

<option value='v1' data-id="d1">選單A</option>

<option value='v2' data-id="d2">選單B</option>

<option value='v3' data-id="d3">選單C</option>

</select>

以jQuery取得選單數值與內容方法如下：

1、取得下拉選單value數值的方法

$selectname=$('#selectname').val();

alert($selectname); //顯示選單中selected狀態的value數值v1 or  v2  or  v3。

2、取得下拉選單中data-id數值的方法

$data-id= $(this).find(':selected').attr('data-id');

alert($data-id); //顯示選單中selected狀態的data-id數值d1 or  d2 or  d3。

3、取得下拉選單中文字的方法

$selecttext=$(this).find(':selected').text();

alert($selecttext); //顯示選單中selected狀態的文字內容，如選單A or  選單B or 選單C。

教學撰寫：徐嘉裕 Neil hsu