使用組合框下拉

Question

我使用mySQL輸出填充下拉列表中的選項。這些輸出值是排名的，我想只保留100箇中的前20個值。大多數用戶只對這20個項目中的一個感興趣。偶爾用戶可能想要看低排名的東西（第21,22 ...項）。

我記得我在某個網站看到過，如果不存在期望的選項，那麼有一個選項「不在列表中」。選擇此選項將創建一個輸入框，供用戶在其中輸入值。

如何實現此功能？任何指向類似問題的文章的建議將受到高度讚賞。

Answer 1

使用JavaScript，你可以很容易地做到這一點。由於沒有HTML被提供，我做了一個樣本：

HTML：

<select id="test"> 
    <option value="0">Sample</option> 
    <option value="other">Other</option> 
</select> 

<input type="text" id="test2" style="display:none;"/> 

JS：

document.getElementById("test").onchange = function() { 
    var textbox = document.getElementById("test2"); 

    if (this.value == "other") { 
     textbox.style.display = "block"; 
    } else { 
     textbox.style.display = "none"; 
    } 
} 

演示：http://jsfiddle.net/DtRhk/