1

チェックボックスを表示しているjqueryダイアログボックスがあります。これらのチェックボックスはハードコードされています。データベースからチェックボックスを動的に表示する必要があるという要件があります。データベースからチェックボックスの値を取得するために、window.load() に ajax 呼び出しを実装しました。

$(window).load(function() {
        $.ajax({
            type: 'GET',
            url: 'Sites',
            success: function(data) {
                debugger;
                var city=JSON.parse(data);
            for(var i in city)
            {
              output ='<input type="checkbox"   id="'+city[i]+'" name="'+city[i]+'" value="'+city[i]+'" />'+city[i]+'<br />'
            }
            console.log(output)
            }
        });
    });

ここで、データは形式[ムンバイ、デリー、バンガロール]で存在し、このデータは Java サーブレットから arraylist.. の形式で取得されます。

ダイアログボックスにチェックボックスを表示するコードは次のとおりですが、チェックボックスの値はハードコードされており、window.load データから動的に表示する必要があります。

これがjqueryでハードコーディングされたスクリプトです..

var $dialog = $('<div></div>')
        .html('<form id="myform" action="">'+output+'</form>')
        .dialog({
            autoOpen: false,
            title: 'Select Sites',
            buttons: {
                "Submit": function() {  $('form#myform').submit();},
                "Cancel": function() {$(this).dialog("close");}
            }
        });
        });

そして、これはダイアログボックスを開く必要があるボタンクリックです..

 $('#ssites').click(function(evt) {
            variable="";
            $dialog.dialog('open');
            evt.preventDefault();
            // prevent the default action, e.g., following a link
            return false;
        });

どんな助けでも大歓迎です。

4

2 に答える 2

2

''これを試して..

$(window).load(function() {
        $.ajax({
            type: 'GET',
            url: 'Sites',
            success: function(data) {
                var city=data.city
                for(var i in city)
                {
                   var output='<input type="checkbox"   id="'+city[i]+'" name="'+city[i]+'" value="'+city[i]+'" />'+city[i]+'<br />'
                }
                consoloe.log(output)
            }
        });
    });
于 2013-10-29T11:47:46.223 に答える
0

1) 空の一意の div を作成します

<div id="content"></div>

2) DB データをロードして解析します。入力形式に依存 - html/json

success: function(data) { $("content").html(data); // or json parse }

3) #contentからダイアログを作成する

于 2013-10-29T11:51:21.103 に答える