2013-04-15 182 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 –