引导中的jQuery combobox onchange事件不起作用

我正在使用插件来实现

组合框

。我还需要获取选择列表的值，因此我添加了以下代码：

$(document).ready(function(){
      $('.combobox').combobox({
          select: function (event, ui) { 
            alert("the select event has fired!"); 
        } 
      });
  });

。但在我的情况下，不会显示警报！如何获取所选选项的值

检查插件时，我没有找到任何名为“选择”的选项

您可以将更改事件添加到创建的文本字段并选择值

 $("input[type='text'].combobox").on("change", function () {
      alert($(this).val());
 });

---

演示

有效，但会给您文本，而不是值，而且如果您激活了clearIfNoMatch选项，也不会给您想要的

您可以尝试以下方法：

$("div.combobox-container input[type=hidden]").on("change", function () {

      console.log($(this).val());
});

---

我遇到了同样的问题，并通过监听select元素而不是input元素上的change事件来解决它

问题是插件插入隐藏的输入，并给它一个最初设置为select元素的名称。 我在监听隐藏输入上的更改事件时遇到问题，但select也会遇到同样的问题。 因此，不要使用

$（“输入[name='OriginalSelectName']”）。在（'change'，…）

上，使父容器易于引用和附加到select

$（“div[name='SelectDiv']select”）。在（'change'，…）

...
没有什么
产品A
产品B

<div name="SelectDiv">
    <div class="combobox-container">
        <input type="hidden" name="OriginalSelectName" value="">
        ...
    </div>

    <select class="combobox form-control" style="display: none;">
        <option value="" selected="selected">Nothing</option>
            <option value="e4d4a3bc-e2f7-4494-9ba6-192cff81b10d">Product A</option>
            <option value="d20e202a-041f-4788-9313-3a649f9bb313">Product B</option>
    </select>
</div>