Question

我在同一页面上使用两个独立的自动完成功能。对于前者用户名，城市。如果我搜索用户名并键入一些字符（例如ab）并且没有选择任何值。我转移到下一个文本框，它是城市自动完成和类型字符搜索城市。我的要求是用户名自动完成应显示在页面上，直到我不会从下拉列表中选择任何值。总之，我会一次看到用户名，城市自动填充。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
$(document).ready(function(){
        $("#txt_user_name").autocomplete({
         source: function (request, response) {
             $.get("abc.com/ajax/user", {
                q: request.term,
            }, function (data) {
                response( $.map( data, function( item ) {
                return {
                    label: item.fld_user_name,
                    value: item.fld_user_name,
                }
            }));
            }, "JSON");
        }
    });

    $("#txt_user_name").autocomplete({
         source: function (request, response) {
             $.get("abc.com/ajax/city", {
                q: request.term,
            }, function (data) {
                response( $.map( data, function( item ) {
                return {
                    label: item.fld_city_name,
                    value: item.fld_city_name,
                }
            }));
            }, "JSON");
        }
    });
});
</script>
</head>

<body>
UserName : <input type="text" id="txt_user_name" />
City : <input type="text" id="txt_city" />
</body>
</html>

提前致谢

Jquery - 所有自动完成功能同时显示结果

0 个答案: