使用jquery load事件填充下拉列表

时间:2012-10-26 02:08:43

标签: php javascript mysql

我想从mysql表填充下拉值。我使用了load事件  在html页面中,但我不知道这段代码不起作用。

HTML PAGE

<!DOCTYPE html>
    <html>
    <head>
    <script src="jquery.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("#select1").load("se2.php");
      });
    });
    </script>
    </head>
    <body>

    <select id="select1"></select>
    <button>Get External Content</button>

    </body>
    </html>

se2.php

 <?php
    $dbhandle = mysql_connect("localhost","root","") 
     or die("Unable to connect to MySQL");
    $selected = mysql_select_db("student",$dbhandle) 
      or die("Could not select examples");
    $result1 = mysql_query("SELECT column1 FROM information");
     while($row=mysql_fetch_array($result1))
    {
   if($row['column1']!=NULL)
    {
    echo "<option value='$row[column1]'>$row[column1]</option>";
    }
    }
    ?>

3 个答案:

答案 0 :(得分:1)

如果您想使用 jquery 在前端执行逻辑,您可以按照以下示例:

jQuery: Best practice to populate drop down?

这样你可以使用json_encode()返回你的php数组,并在你的jquery函数中将它作为一个对象访问,就像上面的例子一样。

答案 1 :(得分:0)

更改此

 <select id="select1"></select>

到这个

<div id="select1"></div>

并将select标签添加到php

 $result1 = mysql_query("SELECT column1 FROM information");
echo "<select>";
     while($row=mysql_fetch_array($result1))
    {
   if($row['column1']!=NULL)
    {
    echo "<option value='$row[column1]'>$row[column1]</option>";
    }
    }
echo "</select>";

并按下按钮

<button id="button">Get External Content</button>

答案 2 :(得分:0)

HTML中,而不是包括<select>,请尝试使用

<div id="select1"></div>

php试试这个,

echo "<select>";
while($row=mysql_fetch_array($result1))
{
   if($row['column1']!=NULL)
   {
     echo "<option value='$row[column1]'>$row[column1]</option>";
   }
}
echo "</select>";