I have a dropdown. I have a button too. I have special requirement.
When a user click on the button, the dropdown should be expanded.
3
-
what you mean by "expanded" ?Shyju– Shyju2012-06-07 12:25:03 +00:00Commented Jun 7, 2012 at 12:25
-
jqueryui.com/demos/autocomplete/#comboboxgdoron– gdoron2012-06-07 12:28:19 +00:00Commented Jun 7, 2012 at 12:28
-
shyju onnun ariyillengil mindathiriKuttan Sujith– Kuttan Sujith2012-06-08 05:08:56 +00:00Commented Jun 8, 2012 at 5:08
Add a comment
|
2 Answers
You probably want to build a custom dropdown menu that has some kind of expand() method that shows the options in the dropdown. The default dropdown menu does not have such a thing, so you're stuck there.
Comments
While you can't achieve exactly what you want, I came up with alternative way. When the button is clicked you can set the drop down size dynamically to the amount of items it got, causing it to "open" and show all the items.
Then, when selecting an item you can set the size back to 1. This effectively has the same look and feel like what you want.
Complete code for this would be:
window.onload = function() {
var oDDL = document.getElementById("myselect");
oDDL.onchange = function() {
//drop down item selected, reset size back to 1 to "close" the list:
this.size = 1;
};
var oButton = document.getElementById("btnOpenDropDown");
oButton.onclick = function() {
//set size to number of items to "open" the list:
oDDL.size = oDDL.options.length;
oDDL.focus();
}
};