Jquery自动完成数据显示标签和商店ID

时间:2017-03-21 05:54:10

标签: javascript php jquery ajax autocomplete

我有AJAX源的jQuery UI自动完成输入,我想显示标签而不是id;但是当用户在值中选择标签ID存储时。我不想为此使用隐藏字段。我希望商店ID在同一个文本框中。我的代码如下: index.blade.php

<input id="party_name" class="party_name ui-autocomplete-input" name="party_name" placeholder="Party name" value="" autocomplete="off" type="text">

JS代码

$(".party_name").autocomplete({
        source: "/filter/partyname",
        minLength: 1,
        select: function( event, ui ) {
            $(".party_name").val(ui.item.value);   
            $("#party_name").val(ui.item.label);             
        }
    });

php code

$find_cust = $post_data['term'];
        $get_list = PartyName::select('id', 'party_name')
            ->where('party_name', 'LIKE', '%' . $find_party . '%')
            ->get();
        $data = array();
        foreach ($get_list as $table_data) {
            $data[] = ['value' => $table_data->id, 'label' => $table_data->cust_name];
        }
        echo json_encode($data);

提前致谢

1 个答案:

答案 0 :(得分:0)

更改焦点功能,如下所示

 focus: function (event, ui) {
        $(".cust_id").val(ui.item.label);
        return false;
    },