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

时间:2012-07-21 12:39:21

标签: php jquery mysql

我需要一些关于使用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="">的值。

如果您提供所有代码,将会非常有用。

1 个答案:

答案 0 :(得分:0)

尝试以下and check this for more details

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

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

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

 }
);