How to set Option of Select HTML tag using data- attribute

Question

How to set Option of Select HTML tag using data- attribute?

HTML

<select  class="form-control shade_custom_option valid" id="1">
  <option data-isnone="true" selected="selected" value="1">None</option>
  <option data-isnone="false"  value="2">Text1</option>
  <option data-isnone="false" value="3">Text2</option>
</select>

<select  class="form-control shade_custom_option valid" id="2">
  <option data-isnone="true" selected="selected" value="1">None</option>
  <option data-isnone="false"  value="2">Text1</option>
  <option data-isnone="false" value="3">Text2</option>
</select>

JS

$(".shade_custom_option").each(function (index, value) {
  // var optionSelected = $("option:selected", value);
  // How to get option with  data-isnone="true"? and set it as selected option.
});

$(".shade_custom_option option[data-isnone=true]").prop('selected', true) — Arun P Johny
– Arun P Johny, Commented Sep 30, 2014 at 13:38

Paul Roub · Accepted Answer · 2014-09-30 13:30:36Z

2

Set the select value to the value of the matching option:

$(".shade_custom_option").each(function (index, value) {
  $(this).val( $(this).find('option[data-isnone=true]').val() );
});

answered Sep 30, 2014 at 13:30

Paul Roub

36.5k27 gold badges88 silver badges95 bronze badges

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

Collectives™ on Stack Overflow

How to set Option of Select HTML tag using data- attribute

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related