Блог

Главная - Вопросы по программированию - как установить выпадающее значение путем сравнения с другим атрибутом в js

как установить выпадающее значение путем сравнения с другим атрибутом в js

#javascript #html #jquery

#javascript #HTML #jquery

Вопрос:

У меня есть один выпадающий список, который имеет атрибут type…Я хочу установить значение путем сравнения типа и значения элемента.

 <select id="selectId">
      <option type="a" value="1">This is a1</option>
      <option type="b" value="1">This is b1</option>
      <option type="b" value="2">This is b2</option>
      <option type="a" value="2">This is a2</option>
</select>

в js я хочу установить значение как

 $("#selectId").val(1);

но это идет не так … как я могу также сравнить тип

Комментарии:

1. когда вы хотите $("#selectId").val(1); , какое точное значение вы сравниваете и какой параметр all должен быть выбран?

Ответ №1:

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

 var type = "a";
var val = "2";

$("#selectId option[value="   val   "][type="   type   "]").prop("selected", true);  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="selectId">
  <option type="a" value="1">This is a1</option>
  <option type="b" value="1">This is b1</option>
  <option type="b" value="2">This is b2</option>
  <option type="a" value="2">This is a2</option>
</select>

Ответ №2:

Я нашел решение для этого, я просто установил код, как показано ниже

 $('#selectId').find("option[type=a][value=1]").prop('selected', true);