使用jquery基于data属性获取输入下拉文本值

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

按data-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();