0

{"Name1":"ID1","Name2":"ID2"}PHP の json_encode を使用して取得したような JSON 文字列が あります。オートコンプリート オプションで Name1,Name2 の入力フィールドを作成し、Name1を選択するとID1が非表示フィールドに取り込まれるようにするにはどうすればよいですか? Jquery ui オートコンプリートを使用しています。

        var NameIDJsonString = <?php echo $NameIDJsonString; ?>;

            $(function () {
                $('#JSONName').autocomplete({

                        source: function (request, response) {
                            response($.map(NameIDJsonString, function (value, key) {
                                return {
                                    label: key,
                                    value: value
                                };
                            }));
                        },
                        select: function (event, ui) {
                            $("#JSONName").val(ui.item.text); // display the selected text
                            $("#JSONID").val(ui.item.value); // save selected id to hidden input
                        }
                    });
                });            
    }                       

<html>
<body>
                                 <input  id="JSONName" name="JSONName" size="30" class="ui-autocomplete-input" autocomplete="on" type="text" >
                                 <input  id="JSONID" name="JSONID" size="30" class="ui-autocomplete-input" autocomplete="on" type="hidden" >

http://jsfiddle.net/mahesh1393/Aa5nK/4166/

4

1 に答える 1