Javascript 单击标签，选择一个选项

存在单击标签并在“选择”中选择一个特定选项的方法？ 我不喜欢用JS 请遵循以下代码：

<label for="a">State</label>
<select name="">
    <option value="">teste</option>
    <option value="">teste X</option>
    <option value="" id="a">teste A</option>
</select>

状态
睾丸
睾丸X
睾丸A

谢谢

html：

<label data-value="c">C</label>
<select name="" id="myselect">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

---

我没有得到你想要的。但是，

id

必须是唯一的。不能有多个

id=“a”

元素抱歉，我看不到这一点。修复。如果你不想使用javascript，为什么要添加javascript和jquery标记？

“我不喜欢使用JS”

-那么你会发现在网页中创建动态功能非常困难。JavaScript是用于此类任务的语言，接受它吧。如果我可以不使用js，为什么要使用js？在紧急情况下将使用！

$(document).on("click", "label", function(evt) {
    evt.preventDefault();
    $("#myselect").val($(this).data("value"));
});