Cómo verificar si un cuadro de selección está vacío usando JQuery / Javascript
Al usar JQuery Mobile, tengo un cuadro de selección que se está llenando dinámicamente desde una base de datos. A partir de este momento, la población de esta casilla de verificación funciona sin problemas. He agregado una funcionalidad que consiste en un botón que llama a una función a través de un evento "de clic". El trabajo de esta función es saber si esta casilla de verificación en particular se ha llenado o no; si no lo ha hecho, simplemente no hará nada, pero de lo contrario funcionará sin problemas. Mi problema es determinar si este cuadro de selección está vacío o no.
Aquí hay un ejemplo muy simplificado de lo que estoy tratando:
<li>
<label for="fruit_name">Fruit</label>
<select name="some_fruit" id="fruit_name" onclick="populate_box('fruit', this);">
</select>
</li>
Mi función, que se llama desde un botón separado, tiene este aspecto:
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
}
}
No te preocupes por lo que hace esto y cómo lo hace. En este momento, lo que me importa es que no puedo verificar si la casilla de verificación está vacía o no, simplemente no estoy seguro de cómo hacerlo. He leído mucho a través de foros y documentación, pero esto tiene muchas implicaciones, ya que depende de la implementación en sí.
Por ejemplo usandodocument.getElementById(...)...
no necesariamente devolverá falso y depende de cómo lo uses. También usando$("#someID")...
en jQuery puede o no producir los resultados deseados. Ya he intentado muchas veces diferentes como se puede ver en ellineas comentadas, todo lo cual puede ser evaluado en elif(...)
declaración.
¿Tiene alguna sugerencia o idea sobre cómo lograr esto? ¡Gracias por adelantado!