0

これが機能しない理由を誰かが知っていますか？私が知る限り、サーバーは適切に JSON を返しています。例: http://www.mediaworks.cc/test/sandbox2.aspx

左のテキストボックスはオートコンプリートです。オートコンプリートで項目がクリックされると、右側のテキスト ボックスが表示されます。

コードは次のとおりです。

<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <title></title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".autosuggest").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        url: "Sandbox2.aspx/GetPackages",
                        data: "{'term':'" + document.getElementById('txtPackage').value + "'}",
                        dataType: "json",
                        success: function (data) {
                            response($.map(data, function (item) {
                                return {
                                    label: item.HotelPackage,
                                    value: item.ID
                                };
                            }));
                        }
                    });
                },
                select: function (event, ui) {
                    document.getElementById('selectedValue').value = ui.item.HotelPackage;
                }
            });
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="txtPackage" runat="server" CssClass="autosuggest"></asp:TextBox>
        <asp:TextBox ID="selectedValue" runat="server"></asp:TextBox>
    </form>
</body>
</html>
4

1 に答える 1

0

あなたidとclassは同じ要素を参照しています。

 <asp:TextBox ID="txtPackage" runat="server" CssClass="autosuggest">

オートコンプリートを .autosuggest テキストボックスに割り当てる

$(".autosuggest").autocomplete({

また、データ部分も同じ要素を参照しています

data: "{'term':'" + document.getElementById('txtPackage').value + "'}",

どちらも同じで、これは間違っています。

data部品が正しいことを確認してください

于 2013-10-15T04:31:40.647 に答える