用组合框下拉

时间:2013-06-27 21:50:39

标签: php html drop-down-menu

我使用mySQL输出填充下拉列表中的选项。这些输出值是排名的,我想在其中仅保留100个前20个值。大多数用户只对这20个前20项中的一个感兴趣。有时,用户可能想要查看排名较低的内容(第21,22 ......项)。

我记得我在一些网站上看到过这种情况,如果没有所需的选项,那么选项就是“不在列表中”。选择此选项会创建一个输入框,用户可以在其中写入其值。

如何实现此功能?任何指出类似问题的文章的建议将受到高度赞赏。

1 个答案:

答案 0 :(得分: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/