check if option in a select dropdown is available

Question

this might be related to this question

I have a dropdown menu that outputs a option list. In some cases the backend script outputs no options for the select tag.

I want to run a js/jquery that checks for the existence of option tags. If option tag available do nothing If no option tag available run function X.

Cheers

score 2 · Answer 1 · answered Sep 14 '11 at 02:43

2

if ( $("#select_id option").length == 0 ) {
    function()
}

answered Sep 14 '11 at 02:43

Galen

29,976
9
71
89

I tried this:function hideThebutton() { $("add-to-cart").hide(); }; if ($("#size-attribute option").length == 0 ) { hideThebutton(); }; but it does not work any idea why, I want to run this on page load obviously – Christian Sep 14 '11 at 12:19

score 1 · Answer 2 · answered Sep 14 '11 at 02:43

You can use length to count the number of elements matched by a selector. In this case, write a selector that matches any of the <option> tags inside your select:

if ($('select.my_select option').length > 0) {
  // There are options inside <select class="my_select">
}

score 0 · Answer 3 · answered Sep 14 '11 at 02:46

0

$("select").each(function(){
    if(this.childNodes.length > 0)
        process();
});

answered Sep 14 '11 at 02:46

Joseph Marikle

76,418
17
112
129

check if option in a select dropdown is available

3 Answers3