jquery 自动完成并从 mysql onchange 中获取值

Question

我需要一些关于使用 PHP、MySQL 和 jQuery 制作表单的帮助。

这是我的 HTML 和 PHP 表单结构：

<form>
    <label>Employee Name</label>
    <input name="empid" type="text" id="search"  <?php  if (!empty($empid))echo "value='$empid'"; ?>>
    <label>Leave Type</label>
    <select name="leavetype" id="leavetype">
        <option value="">--SELECT--</option>
        <?php Loadlookup("id","leavetype","tbl_leavetypes",$leaveid,$d); ?>
    </select>
    <label>Leave Balance</label>
    <input id="autopopulate" value="">
    <input type="submit">
</form>

我正在使用自动完成功能来查找员工的姓名。如何通过自动完成获取员工的姓名和 ID，并且只在输入中显示员工的姓名，但在某些隐藏字段中显示 ID？这是我在 PHP 中的自动完成代码：

require_once "config.php";
$q = strtolower($_GET["q"]);
if (!$q) return;

$sql = "select DISTINCT FullName as FullName from prmember where FullName LIKE '%$q%'";
$rsd = mysql_query($sql);
while($rs = mysql_fetch_array($rsd)) {
    $cname = $rs['FullName'];
    echo "$cname\n";

这是自动完成的 jQuery 代码：

<script type="text/javascript">
$().ready(function() {
    $("#search").autocomplete("search/search.php", {
        width: 260,
        matchContains: true,
        //mustMatch: true,
        //minChars: 0,
        //multiple: true,
        //highlight: false,
        //multipleSeparator: ",",
        selectFirst: true,


    });
});
</script>

之后，看看我的 HTML 表单代码。当我在表单中更改<select> 时，我想从数据库中自动填充<input id="autopopulate" value=""> 的值。

如果您提供所有代码将非常有帮助。

Answer 1

试试下面的and check this for more details

$('#leavetype').onchange(function(){

var lvType = $(this).val();

    $.get("search.php?q="+lvType, function(data){
       $('#autopopulate').val(data);
    });

 }
);