试图有2个具有相同功能的下拉组合框

Question

如何在同一页面上放置2个下拉组合框？

这就是我现在所拥有的：

<div class="ui-widget" >
<p>  <label>test: </label></p>
  <select id="combobox">
    <option value="">Select one...</option>
    <option value="first">first</option>
    <option value=">second">second</option>

  </select>
  <button style = "margin-left:35px;"type="button" onclick="f1()">Go!</button>

</div>
...
<div class="ui-widget">
<select id="combobox">
    <option value="">Select one...</option>
    <option value="test">test</option>
    <option value="test2">test2</option>


  </select>
</div>

我很确定我不能像我一样拥有2个相同的身份证。现在第一个工作，但第二个不工作。我该如何解决这个问题？

我正在使用此下拉列表http://jqueryui.com/autocomplete/#combobox

Answer 1

对2个不同的元素使用相同的ID无效。

如果你在两者上调用.combobox()，只需改用类：

<select id="combobox1" class="combo"></select>
<select id="combobox2" class="combo"></select>

然后执行$('.combo').combobox();。