Как я могу изменить attr на значение из выбранного тега параметра?

Как я могу изменить attr на значение из выбранного тега option?

Я предполагаю, что при изменении опции выбора атрибут data-size тега привязки должен обновляться со значением из выбранной опции.

1) Присоедините функцию для выбора элемента в качестве атрибута onchange, который будет вызываться при изменении опции выбора.

2) Получить выбранное текстовое значение опции:

 $(ele).children("option:selected").text() 

3) Обновить атрибут тега привязки:

 $('#size').attr('data-size', $(ele).children("option:selected").text()) 

Проверьте ниже фрагмент кода:

 function populateField(ele) { $('#size').attr('data-size', $(ele).children("option:selected").text()) } 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;a id="size" data-size=""{amp}gt;test{amp}lt;/a{amp}gt; {amp}lt;select onchange="populateField(this);"{amp}gt; {amp}lt;option{amp}gt;A{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;B{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;C{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector