如何使用JQuery/Javascript来检查选择框是否为空

使用JQuery Mobile我有一个从数据库动态填充的选择框。截至目前，这个复选框的人口正常工作。我添加了一个功能，它包含通过“点击”事件调用功能的按钮。此功能的作用是知道这个特定复选框是否已被填充;如果没有，那根本就不会做任何事情，但否则会顺利运行。我的问题是确定此选择框是否为空。

以下是我正在处理的一个非常简单的例子：

<li>
    <label for="fruit" class="select">Fruit</label>
    <select name="fruit_name" id="fruit_name" data-mini="true" onclick="populate_Box('fruit',this);">
    </select>
</li>

我的功能，从单独的按钮调用，看起来像这样：

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
    }
}

不要担心这是做什么，怎么做。现在对我来说重要的是我不能检查复选框是否为空，我只是不知道该怎么做。我已经通过论坛和文档阅读了很多，但是由于这取决于实现本身，所以这样做有很多的影响。

例如使用document.getElementById(…)…不一定返回false，这取决于你如何使用它。在jQuery中也使用$(“#someID”)…可能会产生或可能不会产生所需的结果。我已经尝试了许多不同的时间，你可以在注释行中看到，所有这些都可以在if(…)语句中进行评估。

你有什么建议或想法如何去实现这一点？提前致谢！

解决方法

要检查选择框是否有任何值：

if( $('#fruit_name').has('option').length > 0 ) {

检查所选值是否为空：

if( !$('#fruit_name').val() ) {

原文地址：https://www.jb51.cc/jquery/182631.html