jQuery Ajax 関数をオートコンプリート関数内で動作させようとしています。オートコンプリートは値を返すため機能しますが、値を選択しても何もしません。html を返して div 内に表示したいと思います。
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: alex@email.com View Order: yes Print Order: yes<br>
Name: Brooke E-mail: brooke@email.com View Order: no Print Order: no
最終的に、HTML リターンが一連の入力テキスト フィールドとチェック ボックスになるようにしたいと考えています。dataType : htmlは特定のものだけに限定されていますか?