点击时,预先选择下拉菜单中的项目。

15 浏览
0 Comments

点击时,预先选择下拉菜单中的项目。

我有多个按钮,其中有一个是“Order 1”,下面有一个联系表单,其中有一个带有多个选项的字段(Order 1,Order 2等等...)

当我点击“Order 1”按钮时,我希望该字段选择Order 1。如果我点击“Order 2”按钮,则希望该字段选择Order 2,例如。是否有办法用JavaScript实现这个功能?

我在一些网站上见过这样的实现,但具体在哪里我记不清楚了。

0
0 Comments

问题出现的原因是希望在点击按钮时能够预先选择下拉菜单中的某个选项。解决方法是通过使用jQuery的on方法和val方法来实现。

代码中首先使用on方法绑定了按钮的点击事件,当按钮被点击时,触发一个匿名函数。在这个匿名函数中,通过data方法获取按钮的data-select属性的值,将其赋给selected变量。

接下来,使用val方法将selected变量的值设置为表单中下拉菜单的选中值。这样,点击按钮后,下拉菜单中对应选项会被预先选择。

以下是整理的

在某些情况下,我们希望在点击按钮时,能够预先选择下拉菜单中的某个选项。为了实现这个功能,我们可以使用jQuery的on方法和val方法。

下面是一个示例代码:


在这个示例中,我们给按钮添加了一个data-select属性,并将其值设置为"option2"。当按钮被点击时,触发绑定的点击事件。

在点击事件的处理函数中,我们通过data方法获取按钮的data-select属性的值,并将其赋给selected变量。

接下来,我们使用val方法将selected变量的值设置为表单中下拉菜单的选中值。这样,当我们点击按钮时,下拉菜单中的"Option 2"会被预先选择。

你可以在下面的链接中查看代码运行效果:

[点击查看代码运行效果](http://jsfiddle.net/792Lek15/)

通过上述方法,我们可以实现在点击按钮时预先选择下拉菜单中的某个选项。

0