How to use selected in option attribute in name attribute using Javascript or jQuery?

Question

I want to use “selected” in option attribute in name attribute using Javascript or jQuery. It means I want to use name="1" option as selected one when the page is loaded. I tried with the below code. But it not workes.

Code:

<select id="countryselect" name="country">
  <option value="1" name="0">Afghanistan</option>
  <option value="2" name="0">Albania</option>
  <option value="3" name="0">Algeria</option>
  <option value="4" name="1">Malaysia</option>
  <option value="5" name="0">Maldives</option>
</select>

Jquery:

$("#countryselect").$('option[name="1"]')

Demo: http://jsfiddle.net/muthkum/zYRkC/

Thank you.

you need to add selected attribute to the element, please check the answer below, thanks :) — shankar upadhyay
– shankar upadhyay, Commented Jun 18, 2020 at 6:43

DarkBee · Accepted Answer · 2020-06-18 06:33:48Z

3

You can pass a second parameter to the selector to define the scope

$('#countryselect').val($('option[name="1"]', "#countryselect").val());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="countryselect" name="country">
<option value="1">Afghanistan</option>
<option value="2" name="1">Albania</option>
<option value="3">Algeria</option>
<option value="4">Malaysia</option>
<option value="5">Maldives</option>
</select>

answered Jun 18, 2020 at 6:33

DarkBee

14.4k9 gold badges84 silver badges133 bronze badges

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

Comments

Buggxs · Accepted Answer · 2020-06-18 07:14:18Z

2

Just put this line of code in your script-tag and it will work like you want.

$('#countryselect option[name="1"]').attr('selected',true);

answered Jun 18, 2020 at 7:14

Buggxs

314 bronze badges

Comments

Frost · Accepted Answer · 2020-06-18 06:36:37Z

1

If you want to go with dynamic assignment, you can go with

$("#countryselect").val(1) .

If selection of option is static and only want for initial load, then selected can be used for this like

<option value="4" selected>Malaysia</option>

answered Jun 18, 2020 at 6:36

Frost

111 bronze badge

Comments

shankar upadhyay · Accepted Answer · 2020-06-18 06:39:06Z

1

You can try it out here Please click on the link to see the code code pen link here

<select id="countryselect" name="country">
    <option value="1" name="0">Afghanistan</option>
    <option value="2" name="0">Albania</option>
    <option value="3" name="0">Algeria</option>
    <option value="4" name="1">Malaysia</option>
    <option value="5" name="0">Maldives</option>
</select>

you ca use the selector to set the "selected" attribute like this:-

$("#countryselect option[name='1']").attr('selected', 'selected');

answered Jun 18, 2020 at 6:39

shankar upadhyay

95013 silver badges18 bronze badges

Comments

digout · Accepted Answer · 2020-06-18 06:39:18Z

1

var nameVal = $('[name=1]').attr('value');
$("#countryselect").val(nameVal)

Codepen

answered Jun 18, 2020 at 6:39

digout

4,2731 gold badge35 silver badges40 bronze badges

Comments

Gagandeep Singh · Accepted Answer · 2020-06-18 06:35:15Z

0

You can try something like this

$("#countryselect option[value='3']").attr("selected","selected");

and if you want to select by name value then use

$("#countryselect option[name='0']").attr("selected","selected");

It will set the selected attribute on that option.

answered Jun 18, 2020 at 6:35

Gagandeep Singh

1,0058 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to use selected in option attribute in name attribute using Javascript or jQuery?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related