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

Question

Это мой первый пост, так что наберитесь терпения:)

HTML:

<input type="button" class="btn-value1" value="Value1">
<input type="button" class="btn-value2" value="Value2">
<input type="button" class="btn-value3" value="Value3">

<select id="testSelect>
    <option id="id0" value="value0" selected>None</option> 
    <option id="id1" value="value1">Value1</option>
    <option id="id2" value="value2">Value2</option>
    <option id="id3" value="value3">Value3</option>      
</select>

Теперь я хочу изменить выбранный статус при нажатии на кнопку на профессиональном уровне. Как я могу сделать это с помощью JavaScript?

Много преимуществ в пользу! подглядывать

Answer 1

Попробуй это

function a(e)
{
var a=e.split('-')[1];
document.querySelector('select').value=a;
}

<input type="button" class="btn-value1" value="Value1" onclick="a(this.className)">
<input type="button" class="btn-value2" value="Value2" onclick="a(this.className)">
<input type="button" class="btn-value3" value="Value3" onclick="a(this.className)">

<select id="testSelect">
    <option id="id0" value="value0" selected>None</option> 
    <option id="id1" value="value1">Value1</option>
    <option id="id2" value="value2">Value2</option>
    <option id="id3" value="value3">Value3</option>      
</select>