获取由jQuery自动完成填充的隐藏输入的值

时间:2018-06-25 16:46:20

标签: javascript jquery forms jquery-ui-autocomplete

我正在使用jQuery Autocomplete来填充数据库中的名称列表,然后将compId号分配给隐藏的输入。

我希望能够在用户选择公司后立即访问compId值并将其分配给一个变量,该变量可以在用户继续使用之前与PHP和MySQL语句结合使用。

这是jQuery:

$(function() {
    function log( message ) {
        $("#compId").val(message);
        $( "#compId" ).scrollTop( 0 );
                        }
    $( "#companyForm" ).autocomplete({
        source: "/autoComp/companies.php",
        minLength: 2,//search after two characters
        select: function( event, ui ) {
            log( ui.item ? ui.item.id : "");
        }
    });
});

HTML:

<input type="hidden" id="compId" name="compId" required />

自动完成功能运行良好,只是不知道填充该值后如何立即访问它。

谢谢!

1 个答案:

答案 0 :(得分:0)

很抱歉,如果我误解了您的要求,但是发生了响应事件,您可以将其链接到您的自动完成呼叫,如下所示:

http://api.jqueryui.com/autocomplete/#event-response

    $(function() {
        function log( message ) {
            $("#compId").val(message);
            $( "#compId" ).scrollTop( 0 );
                            }
        $( "#companyForm" ).autocomplete({
            source: "/autoComp/companies.php",
            minLength: 2,//search after two characters
            select: function( event, ui ) {
                log( ui.item ? ui.item.id : "");
            },
            response: function () {
             alert($("#compId").val());
            }
        });
    });