我有一个从数据库动态填充的选择框。截至目前,此复选框的填充工作正常。
我添加了一个功能,该功能包含一个按钮,单击该按钮会调用 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(...)
语句中进行评估。
对于如何实现这一目标,您有什么建议或想法吗?提前致谢!
最佳答案
检查选择框是否有任何值:
if( $('#fruit_name').has('option').length > 0 ) {
检查选择的值是否为空:
if( !$('#fruit_name').val() ) {
关于javascript - 如何使用 JQuery/Javascript 检查选择框是否为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11039658/