是一個可編輯的選擇框是否正確？

我有一個場景，用戶通過電子郵件發送基於HTML的Web應用程序中的另一個用戶。是一個可編輯的選擇框是否正確？

對於To：字段，用戶可以選擇預定義的電子郵件列表中的一個或輸入他們自己的忽略預定義選項。

從UI的角度來看，這樣做的最佳方式是什麼？我看過使用jQuery編輯選擇框，但似乎沒有讓你輸入你自己的選擇。

是否有一些其他的UI機制可以在這裏工作？

2010-03-16 Neil Middleton

你想克服什麼問題？我很想念它。 – 2010-03-16 13:46:49

您可以嘗試使用類似jQuery的autocomplete插件。這將給你一個文本框，你可以簡單地輸入電子郵件，但也提供了一組可選擇的電子郵件地址。擺弄插件上的設置，你可以做到這一點，這樣一旦該字段獲得焦點，該地址集就會出現（作爲可選列表）。這與textbox + select具有相似的語義，但我認爲界面看起來不那麼混亂。

來源

2010-03-16 13:56:38 tvanfosson

+1，我認爲第一件事也是自動完成的。這基本上就是Outlook和類似的東西。 – OregonGhost 2010-03-16 14:54:57

你可以採取混合的方式：一個可寫字段，在用戶寫地址的時候提供地址建議，比如Gmail或者我猜其他webmail系統。

這樣你將向用戶顯示他自己保存的地址，但留給他寫一個新的地址的機會。

來源

2010-03-16 13:50:49 OverLex

我喜歡這樣做的方式是讓文本輸入的行爲像下拉列表的過濾器一樣。用戶可以從列表中選擇一些內容或輸入幾個字符來過濾或繼續輸入並創建一個唯一的字符串。在SELECT上放置一個大小爲6的屬性，使其顯示爲可選列表而不是按鈕。

<div> 
    <input id="mySelectInput type="text" onchange="filterSelect()"/><br/> 
    <select id="mySelect" size="6"> 
    <!-- array of options --> 
    </select> 
</div>

然後只寫你filterSelect（）函數

來源

2010-03-16 13:51:35 Robusto

我可以在asp.net（C＃）中做到這一點嗎？我想編寫查詢來獲取下拉菜單中的項目的值。 – user1698232 2015-03-16 09:45:24

是一個可編輯的選擇框是否正確？

回答

相關問題