Select2 đa giá trị chỉ gửi một giá trị trong POST

Question

Dưới đây là một đoạn mã của tôi: http://jsfiddle.net/natatkinson/xbWEb/

Javascript:

$(document).ready(function() { 
    $("#tags").select2({ 
     maximumSelectionSize: 3 
    }); 

}); 

HTML:

<form name="form1" id="form1" action="" method="GET"> 
<fieldset> 
    <legend>Shoe Info</legend> 
    <dl> <dt>Name:</dt> 

     <dd> 
      <input type="text" name="name" id="name" size="40" placeholder="Shoe name" required autofocus> 
     </dd> 
    </dl> <dt>Tags:</dt> 

    <dd> 
     <select multiple="" name="tags" id="tags" style="width:100%;"> 
      <option value="0">Select Tags</option> 
      <option value="2">racing flat</option> 
      <option value="3">track spikes</option> 
      <option value="1">trainer</option> 
     </select> 
    </dd> 
    </dl> 
</fieldset> 
<p class="submit-buttons"> 
    <input type="submit" class="button1" name="submit" id="submit" value="Add Shoes" /> 
</p> 

Tất cả các lần gửi đó là 1 giá trị, không phải danh sách được phân cách bằng dấu phẩy như tài liệu nói.

Answer 1

Bạn phải sử dụng [] cho nhiều giá trị chứa tên của kiểm soát biểu mẫu. Đúng sử dụng ở phía dưới:

<select multiple="" name="tags[]" id="tags" style="width:100%;"> 

Answer 2

Tôi nghĩ rằng bạn không thể nhận được dữ liệu từ chuỗi Select2 trực tiếp, bạn nên thêm một đầu vào ẩn, và nộp giá trị đầu vào ẩn như param.

<input type="hidden" name="tags" id="tags"></input> 
<select multiple="" style="width:100%;" onchange="changeSelect(event)"> 
    <option value="0">Select Tags</option> 
    <option value="1">trainer</option> 
</select> 
function changeSelect(event){ 
    var select2Value = $(event.target).val(); 
    $("tags").val(select2Value); 
}