Установить значение параметра как параметр Class / ID jQuery

Question

Я хочу установить значение опции в качестве идентификатора опции или класса в раскрывающемся списке.У меня есть раскрывающийся список

<select id="test">
<option value="tes1">Tes1</option>
<option value="tes2">Tes2</option>
<option value="tes3">Tes3</option>
</select>

Я хочу сделать раскрывающийся список следующим образом

<select id="test">
    <option value="tes1" id="tes1">Tes1</option>
    <option value="tes2" id="tes2">Tes2</option>
    <option value="tes3" id="tes3">Tes3</option>
    </select>

Я пытаюсь настроить значения параметров как ID / Класс.

Answer 1

Проверьте это:

$("#test > option").each(function() {
  $(this).attr('id',this.text.toLowerCase());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="test">
  <option value="tes1">Tes1</option>
  <option value="tes2">Tes2</option>
  <option value="tes3">Tes3</option>
</select>

Answer 2

Вы можете сделать это, используя метод jQuery .prop().

$("#test option").each(function(){
  $(this).prop("id", $(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="test">
  <option value="tes1">Tes1</option>
  <option value="tes2">Tes2</option>
  <option value="tes3">Tes3</option>
</select>

Answer 3

Вы можете установить атрибуты, используя .attr() в juery

$('option').each(function(){
$(this).attr('id',$(this).val())
$(this).attr('class',$(this).val())
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="test">
<option value="tes1">Tes1</option>
<option value="tes2">Tes2</option>
<option value="tes3">Tes3</option>
</select>