帶下拉選項的寫入選項

-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

帶下拉選項的寫入選項

回答

相關問題