在選擇的變化，得到的數據屬性值

183

$('select').change(function(){ 
    alert($(this).data('id')); 
}); 

<select> 
    <option data-id="1">one</option> 
    <option data-id="2">two</option> 
    <option data-id="3">three</option> 
</select>

來源

2011-12-01 ofko

使用$（this）.find（'：selected'）或$（this）.children（'option：selected'）是更好嗎？ – ofko

看到這個問題：http://stackoverflow.com/questions/648004/what-is-fastest-children-or-find-in-jquery –

420

你需要找到所選擇的選項：

$(this).find(':selected').data('id')

或

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

儘管第一種方法是優選的。

來源

2011-12-01 17:32:17

我錯誤地使用attr（）在我的初始職位，我的意思是數據（）但它會爲我返回'undefined'。 – ofko

看到我的編輯 - 需要找到選擇 –

yep那個工作，選擇選項，謝謝。 – ofko

嘗試以下操作：

$('select').change(function(){ 
    alert($(this).children('option:selected').data('id')); 
});

你改變用戶簽約的選擇的變化情況，因此this參數是選擇元素。您需要找到所選的孩子以從中獲取數據ID。

來源

2011-12-01 17:35:13

這個作品。 – ofko

從2016年開始，find（）比'children（）'快得多，即使在像這樣的情況下，我們只有樹深度爲2. – Hafenkranich

香草的Javascript：

this.querySelector(':checked').getAttribute('data-id')

來源

2016-11-29 12:21:53

Working for Me。 –

document.querySelector('select').onchange = function(){ 
    alert(this.selectedOptions[0].getAttribute('data-attr')); 
};

來源

2017-01-30 15:17:43

這對我的作品

<select class="form-control" id="foo"> 
    <option value="first" data-id="1">first</option> 
    <option value="second" data-id="2">second</option> 
</select>

和腳本

$('#foo').on("change",function(){ 
    var dataid = $("#foo option:selected").attr('data-id'); 
    alert(dataid) 
});

來源

2017-12-06 12:22:03

$('#foo option:selected').data('id');

來源

2018-01-21 20:51:23

試試這個：

$('select').change(function(){ 
    alert($(this).val()); 
}); 

<select> 
    <option value="1">one</option> 
    <option value="2">two</option> 
    <option value="3">three</option> 
</select>

來源

2018-03-01 05:46:29

在選擇的變化，得到的數據屬性值

回答

相關問題