使用JQUERY

Question

我正在使用Chosen Jquery插件来填充我的选择框。

我正在尝试使用jquery提交表单，我必须检查选择框是否有值。

HTML

<form class="addData" action="getData.php" method="post">
    <div class="form-group">
        <select data-placeholder="Choose a manager.." name="user[]" class="form-control chosen-select" id="user" multiple>
         <option value="7">User1</option>
         <option value="8">User2</option>
         <option value="9">User3</option>
         <option value="10">User4</option>
         <option value="11">User5</option>
         <option value="12">User6</option>
         <option value="13">User7</option>
      </select>
    </div>
</form>

JQUERY CODE

<script type="text/javascript">
    $(document).ready(function() {
         $('#user').chosen({
            width:'100%' ;
         });
         $('.addData').submit(function(){
            var select_val = $('#user').val();
            // var select_val = $('#user').chosen().val();
            if(select_val == "") {
                alert("No data select");
            } else {
                alert("Form is ready to submit");
            }
            return false;
         });
    });
</script>

如果我没有选择值console.log(select_val)返回null和 如果我选择了值console.log(select_val)返回Array [ "8", "9" ]但是当我验证它并检查时

if(select_val == "" || select_val == NULL)它给了我错误 ReferenceError：未定义NULL

if(select_val.length == 0)它给了我错误 TypeError：select_val为null

请帮我验证如何验证此变量

Answer 1

尝试以下方法：

var selected_val = new Array; 
$('#user option:selected').each(function(i, selected){ 
  selected_val[i] = $(selected).val(); 
});

然后

if(selected_val.length > 0){
    alert("Form is ready to submit");
}
else{
    alert("No data select");
}