php - 制作一个用户可以在其中键入值或从列表中选择的选择框

Question

有没有一种方法可以模仿 C 输入/选择框，您可以在其中下拉并在顶部输入空白文本？用户要么键入一个新值，要么从列表中进行选择。有没有人想出用 PHP/Javascript 来做到这一点的方法？ AJAX 类型的解决方案甚至会更好。

我不知道该怎么称呼这种类型的框，我不认为它是大多数人认为的“组合框”。

Answer 1

您有几个选择。

这是我在 jQuery 中组合在一起的一个快速函数，它将执行您想要的操作。此选项要求客户端启用 JavaScript 才能工作。

http://jsfiddle.net/QrA4N/25/

如果您不想让 JavaScript 成为必需条件

如果您想要一个没有 JavaScript(客户端代码)的解决方案。您无法在其旁边或之后放置一个与您的选择框具有相同“名称”的输入框，并向您的选择框添加一个“其他”选项。

<select name="selAnimals" id="selAnimals">
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="bird">Bird</option>
    <option value="guineapig">Guinea Pig</option>
    <option value="">Other</option>
</select>
<input type="text" name="selAnimals_Other" id="selAnimals_Other" />

现在您的 PHP 将必须同时检查 $_POST["selAnimals"] 和 $_POST["selAnimals_Other"] 以获得正确的值。

最好的选择是结合上面的 HTML 和上面的 JavaScript，为那些启用或禁用 JavaScript 的人创建一个优雅的降级解决方案。

http://jsfiddle.net/QrA4N/26/

我从答案的顶部向 jsfiddle 添加了额外的 HTML INPUT 标记，并且只更改了 jQuery 函数的 1 行 (makeInputSelect)。

var $inp = $("#" + id + "_Other");