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

留言

這個網誌中的熱門文章

Xoops免費佈景:neilambilight2.5正式版釋出-佈景設計開發:徐嘉裕Neil hsu

在CentOS7上安裝XAMPP並設定允許外部連線phpmyadmin的方法-教學撰寫:徐嘉裕Neil hsu

jquery.datepicker下拉月曆只顯示年-月的設定方法-教學撰寫:徐嘉裕Neil hsu