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

前端之家收集整理的这篇文章主要介绍了如何使用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.f2er.com/jquery/182631.html

猜你在找的jQuery相关文章