【问题标题】:Autocomplete(auto fill) multiple field by selecting one field通过选择一个字段自动完成(自动填充)多个字段
【发布时间】:2016-11-28 12:45:29
【问题描述】:

我正在尝试通过从一个字段中进行选择来自动填充相关字段。喜欢..选择公司名称并自动填写其描述,编号。我不知道 jquery 我看了几个例子但没有找到或理解。

if (isset($_GET['type']) && $_GET['type']){
$company = array();
try {
    $statC = $db->prepare('SELECT CompanyID, CompanyName, CompanyNumber, CompanyDescription FROM Company');
    $statC->execute(array('type' => '%'.$_GET['type'].'%'));

    while($row = $statC->fetch()) {
        $company[] =  $row['CompanyName'];
        $company[] = $row['CompanyID'];
        $company[] = $row['CompanyNumber'];
        $company[] = $row['CompanyDescription'];
    }
} catch(PDOException $e) {
    echo 'ERROR: ' . $e->getMessage();
}
echo json_encode($company);
}

我的 jquery 自动完成功能有效,但在一个输入字段中显示所有结果

 $(function() {

    //autocomplete Day
    $(".companyid").autocomplete({
        source: "company.php",
        minLength: 1
    });
});

我应该在 php 中创建单独的数组吗?喜欢

$comName = array();
$comID = array();
$comDes = array();
$comNum = array();

【问题讨论】:

  • 您可以通过选择自动完成事件来做到这一点。在选择事件时使用 ajax 获取相关数据并将其分配给表单元素。

标签: php jquery mysql ajax jquery-ui-autocomplete


【解决方案1】:

jquery UI Autocomplete 用于在像谷歌一样输入时显示建议。你可以

var type = 'Your type goes here';
$.getJSON( "ajax/test.json?type=" + type, function( data ) {
    //data will be a json object of following structure
    //{"CompanyName":"CompanyName", "CompanyID":"CompanyID", "CompanyNumber":"CompanyNumber", "CompanyDescription":"CompanyDescription"}
    //
})

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-01-11
    • 1970-01-01
    • 1970-01-01
    • 2018-01-31
    • 2017-10-29
    • 2011-03-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多