[英]How to append a jQuery variable value inside the .html tag
我有一個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 +,但它沒有發生並顯示空對話框..
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>");
請參閱此鏈接
HTML
<div id="products"></div>
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);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.