getting input dropdown text value based on data attribute using jquery

Question

I am having the following drop down input tag and I want to get the default vased on the data-id attribute. I have tried the solution below but does not work.

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"]');
});

user4504661 · Accepted Answer · 2017-02-09 23:07:52Z

1

by data-id:

-text

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

-value

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

by id

-text

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

-value

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

answered Feb 9, 2017 at 23:07

user4504661

5337 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

maxspan · Accepted Answer · 2017-02-10 04:16:52Z

0

The below code worked for me

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


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

edited Feb 10, 2017 at 4:16

answered Feb 10, 2017 at 1:47

maxspan

14.3k16 gold badges79 silver badges115 bronze badges

Collectives™ on Stack Overflow

getting input dropdown text value based on data attribute using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related