Html选择选项作为文本框

Question

我正在用html编写一个选择下拉列表

<option><input type="text"></option>

但是当我运行该程序时，文本框出现在下拉列表中，在select中插入文本框的目的是，如果用户无法找到所需的选项。他将能够添加一个新的。

这是选择代码。 您可以看到运行此代码的活动演示http://jsfiddle.net/_nikhilagrawal/eJ7k6/3/ 。为什么这个输入类型的文本超出了选择范围。请看看。

<select name="color"> 
    <option>pick a color</option>  
    <option value="red">RED</option>
    <option value="blue">BLUE</option>    
    <option><input type="text" name="color" /></option>
</select>

这是下拉列表的输出。

Answer 1

<option>元素除了文本内部之外不能包含任何内容。

如果您想要一个将文本输入与下拉菜单组合在一起的小部件，那么您将不得不使用JavaScript构建它。

Answer 2

你不能写

<input type="text" name="color" />

在<option></option>标记内。

您应该添加离selectbox最近的文本框如果用户无法找到所需的选项，则用户可以添加新选项。或者您需要使用 css + jquery

自定义您的选择框