如何在.html标记内附加jQuery变量值

Question

我有一个jquery变量,其中包含用于动态创建复选框的html标记.现在根据我的需要,我必须在jquery的.html标记内添加此变量,以显示对话框内的复选框.此外,我的.html包含表单标记,以包含表单内的复选框代码.

这是我的varbel,其中包含html标签..

var chbx=<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标签包含表单..

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

我试图将变量添加为+ chbx +,但它没有发生并显示空对话框..

Answer 1

HTML:

<div id="myDiv">
    <form id="myForm">
    </form> 
</div>

jQuery:

var chbx='<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 />';

$("#myDiv form#myForm").html(chbx);

//to insert dynamically created form 
$("#myDiv").html("<form id='dynamicForm'>" +chbx + "'</form>");

演示