使用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() ) {