If/else語句與使用Ajax的自動完成搜索框結合

Question

我試圖實現一個自動完成搜索框，該框根據Javascript中選擇的下拉列表項目改變其自動完成文本。但是，使用if/else語句時，我無法使此自動完成功能正常工作。我已爲我下面的代碼：

<script type="text/javascript"> 
      $("#searchTypeDD").change(function DDChange() { 
       var searchType = $('#searchTypeDD').val(); 
       var searchData = null; 
       var searchMethodName = null; 
       var searchTerm = $('#searchTermEntered').val(); 

       if (searchType == 'movieSearch') { 
        data = { name: searchTerm }; 
        searchMethodName = "GetmovieTitle"; 
       } 
       else { 
        data = { director: searchTerm }; 
        searchMethodName = "Getdirector"; 
       } 

       $("#searchTermEntered").autocomplete({ 
        source: function (request, response) { 
         $.ajax({ 
          url: "AutoCompleteService.asmx/" + searchMethodName, 
          dataType: "jsonp", 
          data: searchData, 
          success: function (data) { 
           response(data); 
          } 
         }); 
        }, 
        minLength: 2, 
        select: function (event, ui) { 
         log("Selected: " + ui.item.value + " aka " + ui.item.id); 
        } 
       }); 
      }); 

Answer 1

如果上面的代碼是你使用的是什麼，有一個錯字。你得的$:ajax代替$.ajax（見下文）

$(document).ready(function(){  
    $(".searchTermEntered").autocomplete({ 
     source: function(request, response) { 
      var searchType = $('.searchTypeDD').val(); 
      var searchData = null; 
      var searchMethodName = null; 
      var searchTerm = $('.searchTermEntered').val(); 

      if (searchType == 'movieSearch') { 
       searchData = { name: searchTerm }; 
       searchMethodName = "GetmovieTitle"; 
      } 
      else { 
       searchData = { director: searchTerm }; 
       searchMethodName = "Getdirector"; 
      } 

      $.ajax({ 
       url: "AutoCompleteService.asmx/" + searchMethodName, 
       dataType: "jsonp", 
       data: searchData, 
       success: function(data) { 
        response(data); 
       } 
      }); 
     }, 
     minLength: 2, 
     select: function(event, ui) { 
     log("Selected: " + ui.item.value + " aka " + ui.item.id); 
     } 
    }); 
}); 

更新：我的代碼中有一個錯字。它已更新並應爲您工作。唯一需要注意的是你使用.NET，當.NET呈現頁面時，你的下拉列表的ID不會是searchTypeDD。 ASP.NET將一堆術語附加到控件ID的末尾，以確保它是唯一的，並提供了其父控件的用戶名和等等。所以，我建議你爲你的下拉控件做到這一點：

，並同您的輸入：

然後，當我們被選擇的控制上面的代碼將工作類名（$（。xxx）選擇器）而不是ID（$（＃xxx）選擇器）。