Multiselect JS无法将数据发送到jquery

Question

我正在使用Multiselect JS。我想将选定的多选值传递给jquery，但我无法获取值。

HTML代码：

<div class="col-xs-5">
    <select name="{{filter.title}}" id="multiselect_to_1" class="form-control" size="8" multiple="multiple">

    </select>
</div>

jQuery代码

jQuery(document).ready(function() {
    var dt = $("#multiselect_to_1").val();
    console.log(dt);
    //this prints null on console

当我从F12控制台尝试时，我能够获得这些值。但不是表格提交。

Answer 1

使用#按ID获取元素：var dt = $("#multiselect_to_1").val();

所以jQuery代码：

jQuery(document).ready(function() {
    var dt = $("#multiselect_to_1").val();
    console.log(dt);
    //this prints null on console

有关CSS选择器的更多信息： http://www.w3schools.com/cssref/css_selectors.asp

Answer 2

你可以这样做：

jQuery(document).ready(function() {
   var $select = $("#multiselect_to_1");

   // via the plugin on changes
   $select.multiselect({
       afterSelect: function(values) {
          console.log(values);
       }
   });

   // old skool
   console.log(
     $select.find('option:selected')
       .map(function() { return this.value; })
       .get()
   );

   // if you want the array to be displayed as a string
   var someArray = ["value 1", "value 2"];
   console.log('as string with .join: ', someArray.join(', '));
});