1

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は特定のものだけに限定されていますか?

4

1 に答える 1