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

Attach onclick event to a dropdown with one element

本文关键字：元素 有一个 下拉列表 具有一 onclick 事件      更新时间：2023-09-26

我有一个下拉列表。最初它是空的，在某个时刻它被动态地填充了元素。当用户选择一个选项时，将触发onchange事件。当下拉列表中至少有两个值时，此操作有效。

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

这是我的jsfiddle：

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

有些选项可能是在下拉列表中有默认值，如"Choose an option"，这样onchange将始终触发。如果没有这个选项，有没有办法做到这一点？

文档是您的朋友：

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

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

这并没有那么简单，有两种方法可以做到这一点，都需要if语句。。您可以在js中"动态地"查看选择器中有多少选项，并告诉它将元素更改为按钮，或者如果下拉列表中只有一个元素，则使用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()">将为您提供所选索引加上您最初想要的函数

相关文章：