选择php和mysql中的选项..一旦选中选项列出我的sql数据库数据

时间:2016-05-17 08:34:55

标签: javascript select

我发现很久都无法搜索它..我有一个来自mysql数据库的下拉选择选项调用..我想当用户从选项中选择一个员工..当被选中时..它列出了来自的数据mysql数据库所选的员工数据。这里代码..

<select value="employee" selected="selected"> Select a employee</option>
  <?php
     $query = "SELECT * FROM users";
     $result = mysqli_query($link,$query);
     while ($row = mysqli_fetch_array($result)) {
        $fname = $row["first_name"];
        $lname = $row["last_name"];
        echo "<option value'" . $fname . " " . $lname ."'>" . $fname . " " . $lname . "</option>";
     }
 ?>
</select>

抱歉,我是js的新手..如何从所选值中获取数据?

2 个答案:

答案 0 :(得分:1)

首先编辑您的页面并添加jquery库

<select id="listEmployee" value="employee" selected="selected"> Select a employee</option>
      <?php
         $query = "SELECT * FROM users";
         $result = mysqli_query($link,$query);
         while ($row = mysqli_fetch_array($result)) {
            $fname = $row["first_name"];
            $lname = $row["last_name"];
            $id = $row["id"];
            echo "<option value'" .$id."'>" . $fname . " " . $lname . "</option>";
         }
     ?>
    </select>

然后你应该听取选择改变

$( "#listEmployee" ).change(function() {
  getSelectedEmplpyee();
});

然后创建一个ajax函数,以获取有关所选员工的信息

function getSelectedEmplpyee()
{
 var selectedId = $('#listEmployee').val();
$.ajax({
  type: "POST",
  url: "Controller.php",
  data: {selected: selectedId},
  success: function(data) {
    //display response
  },
  error: function(data) {
    // display error
  }
});
}
在controller.php中

使用

读取id
$id = $_POST['selected']
在controller.php中

运行你的select查询并使用echo返回结果, 结果存储在函数getSelectedEmplpyee()

的变量数据中

答案 1 :(得分:0)

尝试这样做:

404