Как использовать выбранный в атрибуте option в атрибуте name, используя Javascript или jQuery?

Question

Я хочу использовать «selected» в атрибуте option в атрибуте name, используя Javascript или jQuery. Это означает, что я хочу использовать параметр name="1" как selected при загрузке страницы. Я пробовал использовать приведенный ниже код. Но это не работает.

Код:

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

Демо: http://jsfiddle.net/muthkum/zYRkC/

Спасибо.

Answer 1

Вы можете передать второй параметр селектору, чтобы определить область действия

$('#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>

Answer 2

Просто поместите эту строку кода в свой тег скрипта, и она будет работать так, как вы хотите.

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

Answer 3

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

Codepen

Answer 4

Вы можете попробовать здесь. Нажмите на ссылку, чтобы увидеть код здесь ссылка на перо

<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>

вы можете использовать селектор, чтобы установить « selected"такой атрибут: -

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

Answer 5

Если вы хотите go с назначением Dynami c, вы можете go с

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

Если выбран вариант stati c и требуется только начальная загрузка, то выбрано можно использовать для этого как

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

Answer 6

Вы можете попробовать что-то вроде этого

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

, и если вы хотите выбирать по значению name, используйте

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

Для этой опции будет установлен атрибут selected.