Usando o JQuery Mobile Eu tenho uma caixa de seleção que está sendo preenchida dinamicamente a partir de um banco de dados. A partir de agora, a população desta caixa de seleção está funcionando perfeitamente. Eu adicionei funcionalidade que consiste em um botão que chama uma função através de um evento 'on click'. O trabalho dessa função é saber se essa caixa de seleção específica foi preenchida ou não; se não tiver, simplesmente não fará nada, mas, caso contrário, será executado sem problemas. Meu problema é determinar se esta caixa de seleção está vazia ou não.

Aqui está um exemplo muito simplificado do que estou lidando:

<li>
    <label for="fruit_name">Fruit</label>
    <select name="some_fruit" id="fruit_name" onclick="populate_box('fruit', this);">
    </select>
</li>

Minha função, que é chamada de um botão separado, é assim:

function isSelextBoxEmpty(selectBoxId) {
    var selected_value = $('#fruit_name');

    /* More options... still testing the proper way:
    var selected_value = $('#fruit_name').text;
    var selected_value = $('#fruit_name').value;
    var selected_value = $('#fruit_name').length;
    var selected_value = $('#fruit_name option:selected', this);
    var selected_value = document.getElementById('fruit_name');
    var selected_value = document.getElementById('fruit_name').length;
    var selected_value = document.getElementById('fruit_name').value;
    var selected_value = document.getElementById('fruit_name').innerHTML;
    */

    if(selected_value) {
        alert("NOT null, value: " + selected_value);
        //do something
    }
    else {
        alert("null, value: " + selected_value);
        //do something
    }
}

Não se preocupe com o que isso faz e como faz isso. No momento, o que importa para mim é que não posso verificar se a caixa de seleção está vazia ou não, não sei como fazer isso. Eu li muito através de fóruns e documentação, mas há muitas implicações em fazer isso, pois depende da própria implementação.

Por exemplo, usandodocument.getElementById(...)... não necessariamente retornará falso e depende de como você o usa. Usando também$("#someID")... no jQuery pode ou não produzir os resultados desejados. Eu já tentei muitas vezes diferentes, como você pode ver nolinhas comentadas, todos os quais podem ser avaliados noif(...) declaração.

Você tem alguma sugestão ou idéia de como conseguir isso? Desde já, obrigado!