Question

当我选择项目放开鼠标按钮时，如何设置我的下拉菜单选择值并显示它？但是，当我点击小箭头下拉按钮时。

HTML：

<select name="menu" id="menu"></select>

JS：

$("#menu").click(function () {
    var currentSelection = select.options[select.selectedIndex].value;
    populate(select.options[select.selectedIndex].value);

});

问题是当我从选择菜单中单击向下箭头时，它认为我已经单击/选择了一个项目，并且它在那里调用了populate（）函数。如何在选择项目并左键单击后将其更改为仅调用populate（）？

Answer 1

请尝试.change()：

$("#menu").change(function () {

因此事件仅在值更改时触发。

您也可以简化内部代码：

populate(this.value);

Answer 2

.change()

$("#menu").change(function () {
    //code here
});

<小时/> 更好地使用this Keyword

$("#menu").change(function () {
    var currentSelection = this.value;
    populate(this.value);

});

Answer 3

试试这个，您需要使用change处理程序而不是click处理程序

$("#menu").change(function () {
    populate($(this).val());
});

从下拉菜单中选择值

3 个答案: