2017-06-01 43 views
0

用於填充我的選擇框提交我使用選上的jQuery插件。獲取有關表格MultiChosen選擇值使用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代碼

<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)回報Array [ "8", "9" ]我沒有選擇的值console.log(select_val)回報null和 但是當我驗證它並檢查像

if(select_val == "" || select_val == NULL)它給了我錯誤的ReferenceError:NULL沒有定義

if(select_val.length == 0)它給了我錯誤類型錯誤:select_val是空

請幫助我如何驗證這個變量

+0

當你發佈的問題,你應該回應那些誰是爲您答疑? @Nidhi – lalithkumar

+0

Yeah..Stranger ..其實,我忙找到一個解決辦法... // @ lalithkumar – Nidhi

回答

0

嘗試下面的一個:

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"); 
} 
+0

你檢查這個樣子? @Nidhi – lalithkumar

+0

我已經在變量中獲取數據,並且我的原始表單包含7個選擇框,因此僅僅用於檢查任何選項是否選擇,我必須定義7個數組? – Nidhi