Question

我设计了一个带有标签名称的输入文本。我在文本框上使用onfocus，这意味着我输入任何名称，一些相关的名称正在显示。现在我的要求是，如果我输入名称，它会在文本框下显示一个表，该表包含ID或NO和NAME。如果输入名称，相关名称将显示在表格中。我正在使用bootstarp和Jquery。有可能吗？

HTML：

 <div class="control-group ui-widget" > 
<label class="control-label" for="name">Name</label> 
<input id="name" placeholder="Enter Name">
 </div>

Jquery的：

    $("#name").autocomplete({ 
     source: name_list, 
      autoFocus: true,
     select: function (event, ui) { 
       ID = ui.item.id; 
     }
  });
 $("#name").focusout(function () {
 var nam = $("#name").val();
 var is = jQuery.inArray(nam, name_List);
 if (is < 0) {
 $("#name").val('');
 } 
});

Answer 1

解析响应并构造表结构。

function (response) 
         {
           var trHTML = '';
           for(int i=0;i<response.length;i++) {
                trHTML += '<tr><td>' + response[i].ID+
                          '</td><td>' + response[i].Name +
                          '</td></tr>';
               }
           $('#result_table').append(trHTML);
           $('#result_table').show();
         }

如何在onfocus事件中显示表格？

1 个答案: