jQuery：单击div->；选择下拉列表的选项

我有不同的div：

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

和下拉菜单：

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

x
Y
Z

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

---

谢谢你的回答

一种解决方案是将下拉值存储在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>

在这里拉小提琴：

编辑：如果要模拟实际的单击，可以使用

。click（）

。查看更新的小提琴：

尝试以下操作：

智慧实验室
#a、 #b#c{
光标：指针；
}
点击我获取X
单击我以获取Y
单击我获取Z
x
Y
Z
$（“div”）。单击（函数（）{
如果（this.id==“a”）
$（“选择”）.find（'option[value=“x”]”）.prop（'selected'，true）；
如果（this.id==“b”）
$（“选择”）.find（'option[value=“y”]”）.prop（'selected'，true）；
如果（this.id==“c”）
$（“选择”）.find（'option[value=“z”]”）.prop（'selected'，true）；
});

您没有“选项b”，因此我假设单击第一个

（具有

id

的A）应选择文本为“X”的

？第二个

（

id=“b”

）应该选择第二个

，依此类推？是的，你说得对。我编辑我的帖子。谢谢你的回答。但是我也可以模拟点击这个值吗？@netThemes点击哪个值？我不知道你在问什么。单击div id=“a”=>option value=“x”应该被单击；单击div id=“b”=>option value=“y”应该被单击…谢谢-这真的让我很开心。：）

<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"));
});