引导组合框,选择键入值
问题描述:
后我使用bootstrap combobox
插件。引导组合框,选择键入值
当您从组合NewYork中选择它可以正常工作,但是如果您键入New,然后尝试从菜单中选择New York,则不起作用。
的例子可以发现here。
答
试试这个:
Demo fiddle变化change
事件click
事件
$('.combobox').on('click', function(){
备用
应用,如果条件option value
if(option.val()){
alert('Value is ' + option.val());
}
答
它会没事的工作:
$('.combobox').combobox();
var val = '', newVal = null;
$('.combobox').on('select', function(){
newVal = $(this).val();
if (newVal !== val) {
val = newVal;
alert('Value is ' + val);
}
});
答
$('#combobox').combobox();
$('#combobox').on('change', function(){
\t if($(this).val()){
console.log("You selected: "+$(this).val());
alert('Value is ' + $(this).val());
}
})
<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>
在小提琴还要检查:https://jsfiddle.net/neceegbv/8/
分析这个代码class
和id
你会看到其中的差别。
答
您的js小提琴片段是正确的,但有警报函数的问题。所以去除报警功能,并把控制台方法找到选定值象下面片段。
希望可以帮助您。
$('.combobox').combobox();
$('.combobox').on('change', function(){
var option = $(this).find('option:selected');
\t if(option.length){
console.log(option.val());
}
});
<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">
\t <div class="row">
\t \t <div class="col-sm-4">
\t <select class="combobox form-control" id="combobox" data-placeholder="Enter City Name">
\t \t <option></option>
\t <option value="PA">Pennsylvania</option>
\t <option value="CT">Connecticut</option>
\t <option value="NY">New York</option>
\t <option value="MD">Maryland</option>
\t <option value="VA">Virginia</option>
\t </select>
\t </div>
\t </div>
</div>
试试这个https://jsfiddle.net/poosanth/neceegbv/6/了'change'事件更改'click'事件 – prasanth