6

こんにちは、jQuery UI オートコンプリートを使用しています。

ドロップダウン領域から値とラベルを取得しています。非表示の入力に値を書き込み、後で使用します。私はそれを行うことができましたが、選択項目の後に検索入力にラベルを書き込むことができません。ドロップダウン ボックスで行を選択すると、行の値が検索領域 (#tags) に表示されますが、そこにラベルが必要です。

これが私のコードです：ありがとう

<html>
    <head>
        <script>
        $(document).ready(function () {
            var selectedLabel = null;
            var yerler = [
                { "value": 3, "label": "Adana Seyhan" }, 
                { "value": 78, "label": "Seyhan Adana" },
                { "value": 17, "label": "Paris Fransa" }, 
                { "value": 123, "label": "Tokyo Japan"}
            ];

            $("#tags").autocomplete({
                source: yerler,
                select: function (event, ui) {
                    $("#projeKatmanRaporCbx").val(ui.item.value);
                    $("#tags").val(ui.item.label);
                }
            });    
        });
        </script>
    </head>
    <body>
        <div class="ui-widget">
            <label for="tags">Tags: </label>
            <input id="tags" />
            <input type="text" id="projeKatmanRaporCbx" />
        </div>
    </body>
</html>
4

5 に答える 5

10

return falseイベントに(またはevent.preventDefault) を追加するselectと、問題の半分が解決されます。focus残りの問題は、イベントを追加することで解決できます。

$("#tags").autocomplete({
    source: yerler,
    focus: function (event, ui) {
        event.preventDefault();
        $("#tags").val(ui.item.label);
    },
    select: function (event, ui) {
        event.preventDefault();
        $("#projeKatmanRaporCbx").val(ui.item.value);
        $("#tags").val(ui.item.label);
    }
});

デモはこちら

于 2013-10-11T08:15:17.170 に答える