2012-03-26 73 views
1

我有一个自动完成文本框,在该文本框中获取员工姓名。如果我点击特定的员工姓名,特定员工的详细信息,如照片,姓名,编号,联系方式,这些细节都不应该添加为箱子容器(与我们的计算器中的标签箱相同),就像这个员工的姓名EM点击,那么多的记录应该是文本框下方添加,我怎么能做到这一点,我有一个工具来使用这个,谁能帮助我使用jquery添加更多记录

function searchEmployees() { 

$("#txtEmployee").autocomplete({ 

    source: function (request, response) { 
     $.ajax({ 
      type: "POST", 
      url: "/DataService.asmx/SearchEmployees", 
      contentType: "application/json; charset=utf-8", 
      data: "{'searchTerm' : '" + $("#txtEmployee").val() + "'}", 
      dataType: "json", 
      success: function (data) { 
       var s = jQuery.parseJSON(data.d); 
       var i = 0; 
       var css = ""; 

       if (s != null) { 

        response($.map(s, function (item) { 
         i++; 
         if (i == s.length) { 
          css = "autocompletetablenoborder"; 
         } 
         else { 
          css = "autocompletetable"; 
         } 
         return { 

          label: "<table class='" + css + "'><tr><td rowspan='4' width='50px;'><img src='" + item.Photo + "' Width='48' Height='48' /></td><td>" + item.Name + " (" + item.USN + ")</td></tr><tr><td><table cellpadding='0' cellspacing='0'><tr><td>" + item.Email + "</td><td>&nbsp;|&nbsp;</td><td>" + item.Mobile + "</td></tr></table></td></tr></table></td></tr></table>", 
          name: item.Name 

         } 
        })); 
       } 
       else { 
        return null; 
       } 

      }, 
      error: function (req, status, error) { 
       alert("ERROR:" + error.toString() + " " + status + " " + req); 

      } 
     }); 
    }, 
    minLength: 1, 

    select: function (event, ui) { 
     $("#Employee").val(ui.item.name); 
     return false; 
    } 
}); 

} 在这里你可以看到上午在我们从自动完成列表中选择特定员工之后,尝试添加员工姓名(实际上我需要显示员工图片,联系号码,身份证号码,但只是为了试用,试图绑定姓名)不工作,任何人都可以找出问题

+1

我们可以帮助你,如果你发布你的企图 – 2012-03-26 10:11:13

+0

我不知道如何进行 – shanish 2012-03-26 10:56:25

回答