javascript - 接受不在列表中的值 - bootstrap 组合框

Question

有没有办法让用户在 bootstrap 组合框中输入其他值？

来自本网站:https://github.com/danielfarrell/bootstrap-combobox/

我试图从 javascript 中删除下面的代码，用户可以输入任何值，但是当我尝试将它保存在数据库中时，组合框值没有保存。

 if (!this.selected && val !== '' ) {
    this.$element.val('');
    this.$source.val('').trigger('change');
    this.$target.val('').trigger('change');
  }

谢谢!

Answer 1

我正在使用这个解决方法:bootstrap-combobox.js 第 392 行:

  //if (!this.selected && val !== '' ) {
  //  this.$element.val('');
  //  this.$source.val('').trigger('change');
  //  this.$target.val('').trigger('change');
  //}
  $('#'+this.$source.attr('id')+'_hidden').val(val);

然后在您的 HTML 文件中添加隐藏的输入文本以获取所选值:

      <div class="form-group">
        <select class="combobox form-control" name="theinput" id="theinput">
          <option value="" selected="selected">Select or enter new</option>
          <option value="AL">Alabama</option>
          <option value="AK">Alaska</option>
          <option value="AZ">Arizona</option>
          <option value="AR">Arkansas</option>
          .....
        </select>
        <input type="hidden" id="theinput_hidden" name="theinput_hidden" value="">
      </div>

然后在您的后端读取“theinput_hidden”值。