2013-04-15 134 views
-1

我在HTML中具有HTML选择的选项为文本框

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

但是下来写一个选择下降时,我正在运行的程序将文本框出来的下拉菜单中,在插入文本框的目的选择是,如果用户无法找到它想要的选项。他将能够添加一个新的。

这是选择代码。 您可以看到运行此代码的活动演示http://jsfiddle.net/_nikhilagrawal/eJ7k6/3/。为什么这个输入类型的文本来自select之外。请看一看。

<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> 

这是下拉式输出。 enter image description here

回答

1

<option>元素不能包含其他任何内容。

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

+0

谢谢你,这个解决方案可以使用jQuery –

1

你不能写

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

内​​3210标签。

您应该添加最接近选择框的文本框如果用户无法找到其所需的选项,用户可以添加新的选项。或者你需要使用CSS + jQuery来定制您的选择框

+0

然后是确定我不能使用完成,但下一步该怎么做 –

+0

下载此示例从这个站点:http:// simpletutorials.com/tutorials/javascript/jquery/ddcombobox/jquery.ddcombobox.zip –