如何在 .html 标签内附加一个 jQuery 变量值
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/19680445/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to append a jQuery variable value inside the .html tag
提问by Adi
I have a jquery variable which contains html tags to create checkboxes dynamically. Now as per my need i have to add this variable inside the .html tag of jquery to show the checkboxes inside the dialogue box ..Also my .html contains form tag to include the checkboxes code inside the form..
我有一个 jquery 变量，它包含动态创建复选框的 html 标签。现在根据我的需要，我必须在 jquery 的 .html 标签中添加这个变量以显示对话框内的复选框..此外，我的 .html 包含表单标签以包含表单内的复选框代码..
Here is my variabel which contains the html tags..
这是我的变量，其中包含 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 />
And here is my .html tag containing form ..
这是我的 .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");}
}
});
i tried to append the variable like +chbx+ but its not happening and showing empty dialogue box..
我试图附加变量 +chbx+ 但它没有发生并显示空对话框..
回答by Md. Ashaduzzaman
HTML :
HTML :
<div id="myDiv">
<form id="myForm">
</form>
</div>
jQuery :
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>");
回答by Mahmoude Elghandour
See this Link
看到这个链接
HTML
HTML
<div id="products"></div>
JS
JS
var someone = {
"name":"Mahmoude Elghandour",
"price":"174 SR",
"desc":"WE Will BE WITH YOU"
};
var name = $("<div/>",{"text":someone.name,"class":"name"
});
var price = $("<div/>",{"text":someone.price,"class":"price"});
var desc = $("<div />", {
"text": someone.desc,
"class": "desc"
});
$("#products").fadeIn(1500);
$("#products").append(name).append(price).append(desc);
