jQuery:单击 div -> 选择下拉菜单的选项

Question

我有不同的 div:

<div id="a"></div>
<div id="b"></div>
<div id="c"></div>

和一个下拉菜单:

<select>
<option>x</option>
<option>y</option>
<option>z</option>
</select>

如果我单击 div id="a"并单击选项 y 并单击 id="b"等，是否可以选择选项 x？

感谢您的回答!

Answer 1

一种解决方案是将下拉值存储在 div 中:

<div id="a" data-value="x">Click Me!</div>
<div id="b" data-value="y">Or Me!</div>
<div id="c" data-value="z">Or Me!</div>

并确保设置下拉列表的值:

<select>
    <option value="x">x</option>
    <option value="y">y</option>
    <option value="z">z</option>
</select>

然后您可以添加点击事件处理程序:

$("div").on("click", function(e) {
    $("select").val($(this).data("value"));
});

在这里拨弄:http://jsfiddle.net/vgkz2kcj/

编辑:如果您想模拟实际点击，可以使用.click()来完成。查看更新的 fiddle :http://jsfiddle.net/vgkz2kcj/2/