Question

我正在使用bootstrap主干和下划线执行一个项目，我正在使用jQuery自动完成文本字段并且它工作正常。

现在我遇到了一个情况，我有3个文本框，用于名字，姓氏和中间名。如果我输入名字中的任何东西，我必须根据它得到结果。

现在，如果我输入姓氏，我需要根据这个名字和姓氏得到结果，有没有办法使用自动完成这种类型的搜索。

这是我的样本页面：

 <div class="row no-padding" style="height:30px;">

            <div class="col-xs-12 col-md-6 af-group1">
                <div class="col-xs-6 af-group2">
                   <input data-toggle="tooltip" id="FIRSTNAME" title="please enter atleast 3 chracters" placeholder="FIRST NAME"  type="text" class="af-input" />
                </div>

                <div class="col-xs-6 af-group2">
                 <input id="LAST NAME" placeholder="LASTNAME"  type="text" class="af-input" />
                </div>
            </div>   
              <div class="col-xs-12 col-md-6 af-group1">
                <div class="col-xs-6 af-group2">
                    <input id="MNAME" placeholder="MIDDLE TNAME"  type="text" class="af-input" />
                </div>


            </div>
       </div>

现在我真正需要的是，如果我在FIRST NAME中输入任何内容，那么我需要调用自动完成来获取结果，我试图将结果显示为表格，现在如果用户在最后一个名字中键入一些内容，我需要在文本框中输入姓名和姓氏的人的结果任何帮助将不胜感激

Answer 1

您可以使用＆＃34;输入＆＃34;在字段更改时进行搜索的事件：

$("#FIRSTNAME").on("input", function() {
    // Your search goes here
});

Example

<强>更新

您仍然可以使用自动完成功能将其附加到您想要的元素：

$("#FIRSTNAME").autocomplete({
     source: mySourceList
});

见：http://jqueryui.com/autocomplete/

两个事件可以同时使用

多个文本框的jQuery自动完成

1 个答案: