Question

我创建弹出窗体添加项目并创建jquery自动完成我已经在我的表单中完成了jquery自动完成功能，但我想要

当我写item_name时示例：笔记本电脑

形成品牌，类型/系列，连续出现

笔记本电脑（item_name）戴尔（品牌）戴尔Inspirion（Seri或Type） 1239196（Licensi）

我很困惑，因为我写了项目名称， form brands，seri，licensi也在表单项名称中显示值

截图

This Picture

这是我的代码

<script type='text/javascript'>
function add_item()
            {


                //alert("tes");
                var content = '<div id="dialog_user_add" title="Add Data">';
                    content += '    <table width="100%">';
                    content += '        <tr>';
                    content += '            <td>Item</td>';
                    content += '            <td>:</td>';
                    content += '            <td><input  style="width:100%"type="text" name="txt_item" id="txt_item" value=""  class="text ui-widget-content ui-corner-all" /></td>';
                    content += '        </tr>';
                    content += '        <tr>';
                    content += '            <td>Brand</td>';
                    content += '            <td>:</td>';
                    content += '            <td><input  style="width:100%"type="text" name="txt_brand" id="txt_brand" value=""  class="text ui-widget-content ui-corner-all" /></td>';
                    content += '        </tr>';
                    content += '        <tr>';
                    content += '            <td>Type / Seri</td>';
                    content += '            <td>:</td>';
                    content += '            <td><input  style="width:100%"type="text" name="txt_seri" id="txt_seri" value=""  class="text ui-widget-content ui-corner-all" /></td>';
                    content += '        </tr>';
                    content += '        <tr>';
                    content += '            <td>Serial Number</td>';
                    content += '            <td>:</td>';
                    content += '            <td><input  style="width:100%"type="text" name="txt_number" id="txt_number" value=""  class="text ui-widget-content ui-corner-all" /></td>';
                    content += '        </tr>';
                    content += '</div>';

                    $("#txt_item").autocomplete("get_item.php",{
            width: 260,
            matchContains: true,
            max: 50
        });

        $( "#txt_item" ).focusout(function() {
            data = $("#txt_item").val();
            $("#txt_brand").val(data);
            $("#txt_seri").val(data);
            $("#txt_number").val(data);
        });

                    }

</script>

get_item.php

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

$sql = "select item_name,pnx_licensing_freq,pnx_manufacturing,pnx_equipment_type from item where item_name LIKE '%$q%' limit 50 ";
    $rsd = mysql_query($sql);
    while($rs = mysql_fetch_array($rsd)) {
    // $cname = $rs['site_id']." / ".$rs['site_name']." - ".$rs['area'];
    $cname = $rs['item_name']; //item name
    $cname2 = $rs['pnx_manufacturing']; //brand
    $cname3 = $rs['pnx_licensing_freq']; //licensi
    $cname4 = $rs['pnx_equipment_type']; //type or seri
    echo "$cname\n";
    } ?>

帮助我谢谢：）

Answer 1

此功能

$( "#txt_item" ).focusout(function() {
        data = $("#txt_item").val();
        $("#txt_brand").val(data);
        $("#txt_seri").val(data);
        $("#txt_number").val(data);
    });

将#txt_item值复制到#txt_brand #txt_seri #txt_number，这就是项目名称对所有项目进行自动转移的原因，因为当您键入item_name时，您会在自动完成时进行关注。

如果您不需要将文本字段的值复制到其他字段，只需删除此功能。

Jquery Autocomplete在数据库中获取数据

1 个答案: