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

Question

I have a dropdown. Initially it is empty and at some point it is filled with elements dynamically. When the user choose an option the onchange event is triggered. This works when there are at least two values in the dropdown.

What I want to accomplish is, when there is only one element in the dropdown and the user clicks it, some event to be triggered. I tried the onclick event but this does not worked on the dropdown.

Here is my jsfiddle:

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

Some option may be to have defaut value like "Choose an option" in the dropdown and this way the onchange will always trigger. Is there are way to do it without this option?

Answer 1

Documentation is your friend:

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

Example: http://jsfiddle.net/MwHNd/553/

Answer 2

well its not as simple as that, there are two aways you can go about doing this, both requires if statements.. you can either "dyamically" in js see how many options there are in a selector and tell it to change the element to a button OR do a focus function with jquery if there is only one element in your dropdown $selector.focus(function(){ then whatever you wants etc also you said you would not want to do this with a drop down. use a javascript function to click the event plus the selected index of the option values you want

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

so if you wanted the selected index plus the event you want to do

<input type='button' onclick="change();otherfunction()"> would give you the selected index plus the function you wanted originally