チェックボックスを表示している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;
});
どんな助けでも大歓迎です。