Question

我正在使用bootstrap combobox插件。

当您从组合NewYork中进行选择时，它可以正常工作，但是如果您键入New，然后尝试从菜单中选择New York，它就无法正常工作。

可以找到示例here。

Answer 1

它会正常工作：

$('.combobox').combobox();

var val = '', newVal = null;

$('.combobox').on('select', function(){

    newVal = $(this).val();

    if (newVal !== val) {
        val = newVal;
        alert('Value is ' + val);
    }

});

Answer 2

试试这个：

Demo fiddle 将change事件更改为click事件

$('.combobox').on('click', function(){

<强>交替

应用option value

的if条件

if(option.val()){
    alert('Value is ' + option.val());
  }

<强> Demo fiddle

Answer 3

＆＃13;

$('#combobox').combobox();
$('#combobox').on('change', function(){
	if($(this).val()){
      console.log("You selected: "+$(this).val());
      alert('Value is ' + $(this).val());
  }
})

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://rawgit.com/danielfarrell/bootstrap-combobox/master/css/bootstrap-combobox.css" rel="stylesheet"/>
<script src="https://rawgit.com/danielfarrell/bootstrap-combobox/master/js/bootstrap-combobox.js"></script>
<div>
    <select class="combobox" id="combobox">
      <option></option>
      <option value="PA">Pennsylvania</option>
      <option value="CT">Connecticut</option>
      <option value="NY">New York</option>
      <option value="MD">Maryland</option>
      <option value="VA">Virginia</option>
    </select>
</div>

＆＃13;

同时检查小提琴：https://jsfiddle.net/neceegbv/8/

使用class和id分析此代码，您将看到差异。

Answer 4

你的js小提琴片是正确的，但警告功能存在问题。因此，请删除提醒功能，并使用控制台方法查找选定的值，如下面的代码段。

希望帮助你。

＆＃13;

$('.combobox').combobox();
$('.combobox').on('change', function(){
  var option = $(this).find('option:selected');
	if(option.length){
    console.log(option.val());
  }
});

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://rawgit.com/danielfarrell/bootstrap-combobox/master/css/bootstrap-combobox.css" rel="stylesheet"/>
<script src="https://rawgit.com/danielfarrell/bootstrap-combobox/master/js/bootstrap-combobox.js"></script>
<br><br>
<div class="container">
	<div class="row">
		<div class="col-sm-4">
	    <select class="combobox form-control" id="combobox" data-placeholder="Enter City Name">
	    	<option></option>
	      <option value="PA">Pennsylvania</option>
	      <option value="CT">Connecticut</option>
	      <option value="NY">New York</option>
	      <option value="MD">Maryland</option>
	      <option value="VA">Virginia</option>
	    </select>
	  </div>
	</div>
</div>

＆＃13;

bootstrap组合框并在键入后选择值

4 个答案: