twitter-bootstrap - 获取引导多选选定的值

Question

我知道它的简单解决方案，很抱歉问，但自己无法弄清楚。

        <div class="form-group">
          <label for="sort"><?php _e('Sort', 'bootstrapwp'); ?><span class="help-required">*</span></label>
          <select name="sort" id="sort" class="selectpicker show-menu-arrow form-control required sort" multiple title="Vali sort..."role="select" aria-required="true" multiple data-max-options="10">
          <optgroup label="Varajased">
          <option>Honeoye</option>
          <option>Rumba</option>
          <option>Lambada</option>
          <option>Darselect</option>
          </optgroup>
          </select>               
        </div>

我的多选表单如上所示，我想从那里获取在最后一个值之后显示的选定值，即 $suhtluskeel\n\n：

$body = "Eesnimi: $eesnimi\n\n Perekonnanimi: $perekonnanimi\n\n E-mail: $email\n\n Kontakttelefon: $phone\n\n Aadress: $aadress\n\n Suhtluskeel: $suhtluskeel\n\n";

我怎样才能添加我找到的这段代码

$('#multiselect1').multiselect({
...
onChange: function() {
    console.log($('#multiselect1').val());
}

});

Answer 1

您只需要将多选代码包装在$(document).ready函数内 -

    $(document).ready(function() {
      $('#multiselect1').multiselect({
        onChange: function() {
          console.log($('#multiselect1').val());
        }
      });
   });

如果您的代码遇到任何问题，还有另一种选择。

$(document).ready(function() {
    $('#multiselect1').multiselect({
        onChange: function(option, checked, select) {
            console.log('Changed option ' + $(option).val() + '.');
        }
    });
});