無法從動態構建表中的選定選項獲取數據屬性

Question

我正在構建表並使用具有枚舉下拉列表的列填充它。我想在選擇元素的屬性data-yogaspaceid被更改時獲得。我可以觸發這種改變事件，但屬性「數據yogaspaceid」，我試圖找回保持返回爲「未定義」

這裏是選擇標籤和javascript

$(function() { 
 
    $(document).on('change', '#statusDropDown', function() { 
 
    // yogaSpaceid keeps coming up undefined 
 
    var yogaSpaceId = $("#statusDropDown").find(':selected').attr('data-yogaspaceid'); 
 
    }); 
 
});

<td> 
 
    <select class="btn btn-default btn-lg dropdown-toggle" data-val="true" data-val-required="The Status field is required." data-yogaspaceid="12" id="statusDropDown" name="item.Status"><option value="0">Listed</option> 
 
    <option selected="selected" value="1">Unlisted</option> 
 
    </select>       
 
</td>

變量yogaSpaceId應有的價值12而是它是undefined

Answer 1

您對<select>的數據，但你正試圖從選定的<option>中讀取它。剛剛從<select>讀它本身：

var yogaSpaceId = $(this).attr('data-yogaspaceid');