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

Question

我有一个从数据库动态填充的选择框。截至目前，此复选框的填充工作正常。

我添加了一个功能，该功能包含一个按钮，单击该按钮会调用 isSelextBoxEmpty。这个函数的作用是知道这个特定的复选框是否已经被填充；如果没有，那么它什么都不做。

我的问题是确定这个选择框是否为空。

这是我正在处理的一个非常简单的例子:

<li>
    <label for="fruit_name">Fruit</label>
    <select name="some_fruit" id="fruit_name" 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
    }
}

不要担心它是做什么的以及它是如何做的。现在对我来说重要的是我无法检查复选框是否为空，我只是不确定如何去做。我通过论坛和文档阅读了很多内容，但这样做有很多含义，因为它取决于实现本身。

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

对于如何实现这一目标，您有什么建议或想法吗？提前致谢!

Answer 1

检查选择框是否有任何值:

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

检查选择的值是否为空:

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