帶組合框的下拉菜單

Question

我正在使用mySQL輸出在下拉列表中填充選項。 這些輸出值已排名，我只想保留其中的前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/