如何將jquery數組添加到html表單中以將複選框動態添加到對話框中

我有一個jquery數組，其中包含用於生成複選框的html代碼dyanmically.here是我的jquery數組的內容並且我的數組的名稱是輸出如何將jquery數組添加到html表單中以將複選框動態添加到對話框中

<input type="checkbox" id="Mumbai" name="Mumbai" value="Mumbai" />Mumbai<br />, 
<input type="checkbox" id=" Delhi" name=" Delhi" value=" Delhi" /> Delhi<br />, 
<input type="checkbox" id=" Bangalore" name=" Bangalore" value=" Bangalore" />Bangalore<br />

現在按照我的需要，我想添加此陣列稱爲輸出到包含在HTML表單的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");} 
      } 
     });

我必須添加陣列稱爲輸出在我所加入這樣在代碼示出，但其不顯示checkoxes代替它顯示在警告框消息輸出生成.html形式..

任何幫助將不勝感激.. 在此先感謝..

來源

2013-10-30 vimal

您將不得不將html分成兩個不同的部分。例如，

.html('<form id="myform" action="">' + output + '</form>')

來源

2013-10-30 04:44:39

謝謝主席先生你的迴應，但它沒有顯示在對話複選框方框 – vimal

先生加入此代碼不復選框 – vimal

試試這個，

var $dialog = $('<div></div>') 
    .html('<form id="myform" action="">'+$('input:checkbox').clone()+'</form>') 
    .....

來源

2013-10-30 04:47:41

如何使用我的複選框這段代碼中的html代碼 – vimal

試試這個

$(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) 
      } 
     }); 
    });

請參閱本How to have jQueryUI dialog box dynamically load content

來源

2013-10-30 04:48:54

如何將jquery數組添加到html表單中以將複選框動態添加到對話框中

回答

相關問題