jquery activate dropdown of select box

Question

Hi, How can I activate/deactivate dropdown of classic selectbox by clicking to link in jQuery? I don't need selectbox replacing with jQuery, because it's too slow for huge number of options. I test everything but without result. Thanks

sample page http://www.jklir.net/test-selectbox.html

Answer 1

If you mean to enable/disable the dropdown when you click on the link, you could do this way:

$('a#link_id').toggle(function(){
  $('#dropdown_id').attr('disabled', 'disabled');
}, function(){
  $('#dropdown_id').removeAttr('disabled');
})

Where link_id is supposed to be the id of the link and dropdown_id is supposed to be the id of the select box. The toggle function will disable the select box on first click on the link and enable it back on second click and so on.

Answer 2

If you're saying that you want the <select> to display its options via javascript, I don't think it can be done cross-browser (or perhaps in any browser).

Is this what you meant?

If so, I think you'll be stuck creating your own, but finding some other way to accommodate the large quantity of options you require.

Answer 3

if ($(this).attr("disabled") == true) {
                if ($.browser.msie) {
                    $containerDivText.attr("disabled", $(this).attr("disabled"));
                    $newUl.attr("disabled", $(this).attr("disabled"));
                    $containerDiv.attr("disabled", $(this).attr("disabled"));
                }
                else {
                    $newUl.remove("li");
                    $containerDivText.unbind("click");                    
                }
            }