Question

我有一个下拉列表。最初它是空的，并且在某些时候它动态地填充元素。当用户选择一个选项时，触发onchange事件。这在下拉列表中至少有两个值时有效。

我想要实现的是，当下拉列表中只有一个元素并且用户点击它时，会触发一些事件。我尝试了onclick事件，但这不适用于下拉列表。

这是我的jsfiddle：

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

某些选项可能是在下拉列表中具有defaut值，例如“选择一个选项”，这样onchange将始终触发。没有这个选项有办法吗？

Answer 1

文档是你的朋友：

http://www.kendoui.com/documentation/ui-widgets/dropdownlist/events.aspx

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

Answer 2

好吧，它不是那么简单，有两个你可以去做这件事，两个都需要if语句.. 您可以在js中“dyamically”查看选择器中有多少选项并告诉它将元素更改为按钮或者如果您的下拉列表中只有一个元素，则使用jquery执行焦点功能 $selector.focus(function(){ 无论你想要什么等等你还说你不想用下拉菜做这件事。使用javascript函数单击事件加上所需选项值的选定索引

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()">会为您提供所选索引以及您最初想要的功能

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

2 个答案: