-1

我正在用 html 写一个选择下拉菜单，它有

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

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

这是选择代码。您可以看到运行此代码的活动演示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>

这是下拉菜单的输出。 在此处输入图像描述

4

2 回答 2

1

<option>元素中不能有除文本以外的任何内容。

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

于 2013-04-15T10:29:58.373 回答
1

你不能写

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

<option></option>标签内。

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

于 2013-04-15T10:36:52.087 回答