jquery - jQuery组合框显示选择值而不是文本

Question

我正在使用（稍作修改）jQuery 自动完成组合框将 a <select>转换为 live search <input>。问题是底层<select>看起来像：

<select department>
<option value="12345">Computer Engineering</option>
<option value="01234">Computer Science</option>
  :
</select>

因此，当用户选择他们的选择时，部门编号会被放入<input>其中，看起来很丑陋且令人困惑（但它是提交的正确值）。

<input type='hidden'>除了进一步修改组合框小部件以添加和（以某种方式？）阻止提交之外，我还有其他可能<input type=text>吗？

编辑：正如@Pierre 的链接所示，组合框<input type='text'>没有名称，因此未提交，因此所需要做的就是将所选选项的标签而不是其值放入文本输入中。

标签： jqueryhtmlcomboboxjquery-ui-autocomplete

Answer 1

默认 jquery ui 自动完成行为似乎显示值数据。你可以改变这个，看到这个线程jQuery自动完成显示值而不是标签

否则，您还有其他开箱即用的解决方案：

• 选择：https ://harvesthq.github.io/chosen/
• 选择2：https ://select2.org/getting-started/basic-usage

它将解决您使用<input>包含 id 的标签的问题...