将onclick事件附加到一个元素的下拉列表中

Question

我有一个下拉菜单。 最初它是空的，有时它会动态地填充元素。 当用户选择一个选项时，将触发onchange事件。 当下拉列表中至少有两个值时，此方法有效。

我要完成的是，当下拉列表中只有一个元素并且用户单击它时，将触发一些事件。 我尝试了onclick事件，但这在下拉列表中不起作用。

这是我的jsfiddle：

http://jsfiddle.net/MwHNd/551/

一些选项可能具有默认值，例如下拉菜单中的“ Choose a option”（选择一个选项），这样onchange总是会触发。 没有此选项，有没有办法做到这一点？

Answer 1

文档是您的朋友：

• http://www.kendoui.c​​om/documentation/ui-widgets/dropdownlist/events.aspx

示例： http ： //jsfiddle.net/MwHNd/553/

Answer 2

嗯，它不是那么简单，您可以执行以下两项操作，都需要if语句。.您可以在JS中“动态地”查看选择器中有多少个选项，并告诉它将元素更改为一个按钮，或者如果您的下拉列表中只有一个元素$selector.focus(function(){则无论您想要什么，也说您不希望通过下拉列表执行此操作），都可以使用jquery来实现焦点功能。单击事件以及所需选项值的选定索引的函数

function change(){
    document.getElementById("your-element").selectedIndex =2;
}
function changeit(){
    document.getElementById("your element").selectedIndex =1;
}
function changeitup(){
    document.getElementById("your element").selectedIndex =0;
}

因此，如果您想要选择的索引加上您要执行的事件

<input type='button' onclick="change();otherfunction()">将为您提供选定的索引以及您最初想要的功能