Javascript 引导组合框，并在键入后选择值

我正在使用引导组合框插件

当您从组合框NewYork中选择时，它可以正常工作，但是如果您键入New，然后尝试从菜单中选择NewYork，它将不起作用

---

可以找到该示例。

它可以正常工作：

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

var val = '', newVal = null;

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

    newVal = $(this).val();

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

});

---

它将很好地工作：

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

var val = '', newVal = null;

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

    newVal = $(this).val();

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

});

试试这个：

将更改事件更改为单击事件

交替

为选项值应用if条件

试试这个：

将更改事件更改为单击事件

交替

为选项值应用if条件

$‘组合框’。组合框； $'combobox'。在'change'上，函数{ 如果$this.val{ 您选择的console.log:+$this.val； 警报'值为'+$this.val； } } 宾夕法尼亚 康涅狄格州 纽约 马里兰 弗吉尼亚州 $‘组合框’。组合框； $'combobox'。在'change'上，函数{ 如果$this.val{ 您选择的console.log:+$this.val； 警报'值为'+$this.val； } } 宾夕法尼亚 康涅狄格州 纽约 马里兰 弗吉尼亚州

---

您的js fiddle代码段是正确的，但警报函数存在问题。所以，删除警报函数并放置控制台方法以查找所选值，如下面的代码段所示

希望对你有帮助

$'.combobox'.combobox； $'.combobox'。关于“更改”，函数{ var option=$this.find'option:selected'； ifoption.length{ console.logoption.val； } }; 宾夕法尼亚 康涅狄格州 纽约 马里兰 弗吉尼亚州

---

您的js fiddle代码段是正确的，但警报函数存在问题。所以，删除警报函数并放置控制台方法以查找所选值，如下面的代码段所示

希望对你有帮助

$'.combobox'.combobox； $'.combobox'。关于“更改”，函数{ var option=$this.find'option:selected'； ifoption.length{ console.logoption.val； } }; 宾夕法尼亚 康涅狄格州 纽约 马里兰 弗吉尼亚州 尝试此更改更改事件以单击事件尝试此更改更改事件以单击事件

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