Question

我有一个工作下拉列表，它从PHP中的MySQL数据库中获取其值。

我希望有一个可搜索的下拉列表，而不是使用选择的插件滚动列表。

现在，我的问题是如何将常规下拉列表更改为选择下拉列表？（我需要知道程序）

这是我的代码：

 <form> 
    <select name="mySubmit" onChange="drawChart(this.value);">
    <option value="">Select an option:</option>
 <?php


 // Make a MySQL Connection
 $con = mysql_connect($dbserver, $dbuser, $dbpass) or die(mysql_error());
 mysql_select_db($dbname) or die(mysql_error());

 // Create a Query
 $sql_query = "SELECT `Name`, `id` 
            FROM info AS t1
            where
               (SELECT COUNT(*)
                from info AS t2
                where t2.Name = t1.Name AND (t2.`Date`) > (t1.`Date`)) = 0";

 // Execute query
 $result = mysql_query($sql_query) or die($sql_query."<br/><br/>".mysql_error());
 while ($row = mysql_fetch_array($result)){
 echo '<option value='. $row['id'] . '>'. $row['Name'] . '</option>';
 }
 mysql_close($con);
 ?>
 </select>
 </form>

先谢谢你。

Answer 1

首先，您必须为选择的HTML元素提供类或ID。

＆＃13;

<select class="chosen" .... //same html/php code

＆＃13;

然后在您的javascript代码中，您调用jQuery选择的插件将此选择更改为所选的元素，如下所示：

＆＃13;

$(document).ready(function(){
    $('.chosen').chosen();
})

＆＃13;

它应该可以工作，你不必改变你的PHP代码中的任何内容，只需给你一个类或id你的select元素，这样你就可以得到jQuery选择器。我建议你阅读所选的文件

使用Chosen插件将html下拉列表修改为可搜索的下拉列表

1 个答案: