내 페이지의 두 입력란에 자동 완성 기능이 작동하지 않습니다.

Question

도와주세요. 다음은 저의 소스 코드입니다.

<script type="text/javascript"> 
    $(document).ready(function() { 
     SearchText(); 
     SearchccText(); 
    }); 

    function SearchText() { 
     $(".autosuggest").autocomplete({ 
      source: function (request, response) { 
       $.ajax({ 
        type: "POST", 
        contentType: "application/json; charset=utf-8", 
        url: "AutoCompleteService.asmx/GetAutoCompleteData", 
        data: "{'FIRST_NAME':'" + document.getElementById('txtSearch').value + "'}", 
        dataType: "json", 
        success: function (data) { 
         response(data.d); 
        }, 
        error: function (result) { 
         alert("Error"); 
        } 
       }); 
      } 
     }); 
    } 


function SearchccText() { 
    $(".autosuggest").autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       type: "POST", 
       contentType: "application/json; charset=utf-8", 
       url: "AutoComplete.asmx/GetAutoCompleteData", 
       data: "{'EMP_FIRST_NAME':'" + document.getElementById('txtCCSearch').value + "'}", 
       dataType: "json", 
       success: function (data) { 
        response(data.d); 
       }, 
       error: function (result) { 
        alert("Error"); 
       } 
      }); 
     } 
    }); 
} 

내 코드는 두 번째 텍스트 상자 잘 작동하지만, 첫 번째 것은 ... 누군가는 ... 내 웹 서비스 코드는 다음과 같습니다 나를 나던 일을 도와주세요

[WebMethod] 
    public List<string> GetAutoCompleteData(string FIRST_NAME) 
    { 
     List<string> result = new List<string>(); 
     using (SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["MySQLConnectionString"].ConnectionString)) 
     { 
      using (SqlCommand cmd = new SqlCommand("SELECT EMP_FIRST_NAME + '-' + EMP_CODE AS FIRST_NAME FROM taskcreator_login where FIRST_NAME" + 
        " LIKE @SearchText", con)) 
      { 
       con.Open(); 
       cmd.Parameters.AddWithValue("@SearchText", "%" + FIRST_NAME + "%"); 

       SqlDataReader dr = cmd.ExecuteReader(); 
       while (dr.Read()) 
       { 
        result.Add(dr["FIRST_NAME"].ToString()); 
       } 
       return result; 

      } 
     } 
    } 

제발 누군가 나를 시정하십시오

Answer 1

당신은 그들을 별도의 클래스로 만들어야합니다. $(".autosuggest").autocomplete()을 두 번 정의하면 두 번째 정의가 첫 번째 정의를 덮어 쓰게됩니다. 실제로 ID를 사용하는 것이 좋습니다. 입력 스타일의 스타일을 지정하기 위해 자동 학습 클래스를 계속 사용할 수 있습니다.