Access data attribute of html element

Question

I have the following code but i cannot access the data-alt-engine attributen can someone please tell me where I am going wrong, thank you in advance!

<select id="HotelList" name="HotelList" style="visibility: hidden; height: 30px;">
 <option class="selectmsg" value="All" data-cluster="my hotel">SELECT HOTEL</option
<option class="hotel" data-cluster="france" data-alt-engine="">Hotel 1</option>
<option class="hotel" value="10216" data-cluster="france" data-alt-engine="1">Hotel 2</option>
</select>

jquery

   $("#HotelList").change(function () {
                   // alert("Handler for .change() called.");
                    if ($("#HotelList option").attr("data-alt-engine") == "1")
                    { alert("1"); }
                    else 
                    { alert("0"); }

                });

Quentin · Accepted Answer · 2020-03-23 15:12:28Z

5

attr gets the attribute value from the first element that matches the selector.

The first option doesn't have a data-alt-engine attribute.

Possibly you want to get the :selected option element.

(Aside: You might prefer data to attr))

answered Mar 23, 2020 at 15:12

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

palaѕн · Accepted Answer · 2020-03-23 15:15:40Z

1

I think you want to access data-* attribute of the selected option which can be done using .data() method like:

$('#HotelList').on('change', function(e) {
   var $selected = $("option:selected", this);
   var altEngine = $selected.data('alt-engine') || '';
   if (altEngine == "1") {
      alert("1");
   } else {
      alert("0");
   }
});

answered Mar 23, 2020 at 15:15

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Collectives™ on Stack Overflow

Access data attribute of html element

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