2013-04-11 49 views
1

我試圖讓jQuery Ajax功能在自動完成功能中工作。自動完成工作是因爲它返回值,但是當我選擇一個值時它什麼也不做。我想返回HTML並在div內顯示。jQuery ajax裏面的自動完成功能php mysql

的jQuery:

$(function() { 
    $("#store").autocomplete({ 
     source: "includes/ajax/storenumbers.php", 
     select: function(event, ui) { 
      var storeid = val(ui.item.id); 
      $.ajax({ 
       url: "includes/ajax/storecontacts.php", 
       type: "GET", 
       data: {term : storeid}, 
       dataType: "html",        
       success: function(msg){ 
          //Display html 
           $("#resultsdiv").html(msg); 
          }, 
          error: function (request, status, error) { 
           alert(request.responseText); 
          } 
         }); 
        } 
       }); 
      }); 

HTML:

<form action="<?php echo $PHP_SELF;?>" method="post"> 

<label for="store">Enter Store #: </label> 

<input type="text" id="store" name="state" /> 

<div id="resultsdiv" style="width: 200px; height: 200px;"> 
</div> 
</form> 

爲 「1」 storenumbers.php回報:

[{"id":"6","value":"10211","abbrev":"Concord"},{"id":"4","value":"10869","abbrev":"Maplewood"},{"id":"5","value":"16289","abbrev":"Hugo"},{"id":"12","value":"19245","abbrev":"WBL 4th Street"}] 

storecontacts.php回報:

Name: Alex E-mail: [email protected] View Order: yes Print Order: yes<br> 
Name: Brooke E-mail: [email protected] View Order: no Print Order: no 

我希望html返回最終成爲一系列輸入文本字段和複選框。是dataType:html僅限於某些事情?

回答

0

我想通了。我不得不將var storeid = val(ui.item.id)更改爲var storeid = ui.item.id;