具有下拉选项的写入选项

Question

如何在html或javascript中的下拉选项后包含写入选项。作为下面编码的一个例子，

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi" selected>Audi</option>
</select>

但是用户的选择并不在给出的列表中（例如本田）。所以他/她可以在“其他人”中写下他们的选择。选项。

为我的英语道歉。提前谢谢。

Answer 1

您可以使用jquery轻松完成此操作。

$('#dropdownId').append($('<option>', {
    value: -1,
    text: 'None of them work for me..'
}));

只需处理值为-1的情况

Answer 2

您似乎可能希望将<datalist>与<input>一起使用，S提供您正在寻找的功能;在下面的示例中，如果用户键入Saab，则会显示<datalist id="carOptions"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="vw">VW</option> <option value="audi" selected>Audi</option> </datalist> <input type="text" name="automaker" list="carOptions" />选项，可以选择该选项，或者用户可以继续键入以向列表中添加新选项：

＆＃13;

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

虽然这可能不是您所希望的，但它确实提供了您所需的功能，而不依赖于JavaScript。

参考文献：  * <datalist>。  * HTMLDataListElement。