基於數據屬性獲取輸入下拉文本值使用jquery

Question

我有下面的下拉輸入標籤，我想獲取data-id屬性的默認值。我已經嘗試了下面的解決方案，但不起作用。

HTML

<select id="expiryMonth" data-id="ExpiryMonth"> 
         <option value="01" selected="selected">January</option> 
         <option value="02">February </option> 
         <option value="03">March</option> 
         <option value="04">April</option> 
         <option value="05">May</option> 
         <option value="06">June</option> 
         <option value="07">July</option> 
         <option value="08">August</option> 
         <option value="09">September</option> 
         <option value="10">October</option> 
         <option value="11">November</option> 
         <option value="12">December</option> 
        </select> 

Jquery的

$(function(){ 
    var expiryYear = $('input[data-id="ExpiryMonth"]'); 
}); 

Answer 1

由數據ID：

-text

$('select[data-id="ExpiryMonth"] option:selected').text(); 

- 值

$('select[data-id="ExpiryMonth"] option:selected').val(); 

通過ID

-text

$("#expiryMonth option:selected").text(); 

- 值

$("#expiryMonth option:selected").val(); 

Answer 2

下面的代碼爲我工作

var expiryMonthText = $('select[data-id="ExpiryMonth"]').find("option:selected").val(); 


    var expiryMonthVal = $('select[data-id="ExpiryMonth"]').find("option:selected").text();