jQuery取得下拉選單selected中數值與內容的方法 | html下拉式選單取值
假設選單狀態為:
<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