使用组合框下拉

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/