Question

我有一个选择框，通过它我可以选择一个国家的状态。但我想要一个文本框，我输入状态名称，然后按匹配的输入文本显示状态列表，即自动完成。例如当我输入＆＃34; lon＆＃34;然后下拉秀伦敦等。

<select id="state" name="cBillState" class="selectbox2">
   <?php print $db->stateDropDown($detail[cBillState]); ?>
 </select>

Answer 1

尝试 Select2 。

<head>
    <link href="select2.css" rel="stylesheet"/>
    <script src="select2.js"></script>
    <script>
        $(document).ready(function() { $(".select2").select2(); });
    </script>
</head>
<body>
    <select class="select2">
        <option value="AL">Alabama</option>
        <option value="WY">Wyoming</option>
    </select>
</body>

您可以从这里http://select2.github.io/select2/

下载select2.css和select2.js文件

在包含文件并启动select2（）函数之后，您需要做的就是在需要过滤的任何选择字段上使用 select2 类。

此代码使用jQuery启动select2（）函数。如果你不使用jQuery，你可以用普通的javascript启动它。

如何通过php中的选择框制作自动完成文本框？

1 个答案: