Javascript 触发下拉选择选项而无需事先选择的图片链接

我想要一个链接来选择select语句的特定选项，而不必先选择它。只是要明确一点，我不想让一个按钮/链接触发之前选择的任何选项，我希望多个链接触发一个选择选项，作为使用下拉菜单本身的替代方案

如果我们使用以下代码，例如，我将如何通过此链接触发“离开”选项

挑选
家
远离

您应该倾听对#away元素的单击，并相应地更改select字段的值。大概是这样的：

$(document).on("click", "#away", function(){
  $("select").val("away").change();
});

下面是一个工作示例

.wrap>.icon:类型的最后一个{
颜色：红色；
}
$（文档）.ready（函数（）{
$（文档）。在（“单击”，“离开”，函数（）上）{
$（“选择”）.val（“离开”）.change（）；
});
});
挑选
家
远离

您可以在具有适当选项值的多链接上使用此

handleSelect

方法

功能手柄选择（选件）{
var optionElm=document.getElementById（选项）；
if（optionElm）{
optionElm.selected=！optionElm.selected；
}
}

挑选
家
远离

这是一个不同的问题，但也许你有一个想法：单击链接会触发选项，但也会在视觉上跳到下拉位置。a） 是否有办法抵消着陆，例如100px向上b）我需要做什么才能使垂直跳跃更平滑？您可以通过移除链接href=“#away”中的锚来避免所有跳跃。事实上，在这种情况下，一起去掉标记可能是有意义的。您可以将侦听器移动到图像标记本身，并获得相同的结果，但无需跳转。额外信息：下拉选项将根据选择打开下面的正文。理想情况下，它可以平滑地向下滚动，使整个内容体位于顶部。有许多不同的方法可以解决这类问题。锚定链接或一点jquery都会有所帮助。这里有一个潜在的解决方案：我会在下班后玩它。再次感谢你的帮助！