带下拉选项的写入选项

-4

如何在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>

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

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

来源

2017-04-17 Amadeus

如果您可以提供一些您已经尝试过的例子，它将帮助我们更好地理解您正在尝试做什么，以及让我们给您一个更好的答案。 – talemyn

看来你可能想使用与<input>，它提供了你需要的功能，沿<datalist>;在下面的示例中，如果用户键入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" />

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

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

来源

2017-04-17 15:47:11

这会做。谢谢！！！ – Amadeus

你可以很容易地用jQuery来做到这一点。

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

和公正处理案件时值为-1

来源

2017-04-17 15:10:38 Edin

带下拉选项的写入选项

回答

相关问题