时间戳

首页 > 解决方案 > 如何更改在纯 js 中单击按钮时的 selected 属性？

javascript - 如何更改在纯 js 中单击按钮时的 selected 属性？

问题描述

这是我的第一篇文章，所以请耐心等待:)

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 做到这一点？

多于优势！基克

标签： javascriptonclickclickselectedvalue

解决方案

尝试这个

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>

推荐阅读