0
$(document).ready(function(){
var Jstr = {
"JSON" : [
{
"Eid": 101,
"Ename": "",
"Ecode" : "<h>" + "Ename" + "</h>",
"Eprops": {}
},
{
"Eid": 102,
"Ename": "",
"Ecode" : "<input type ='text'/>",
"Eprops": {
"name": "",
"value": "",
"maxlength": ""
}
},
{
"Eid": 103,
"Ename": "",
"Ecode" : "<input type ='password'/>",
"Eprops": {
"value": "",
"maxlength": ""
}
},
{
"Eid": 104,
"Ename": "",
"Ecode" : "<input type ='button' value = '' />",
"Eprops": {
"value": ""
}
},
{
"Eid": 105,
"Ename": "",
"Ecode" : "<input type = 'submit' value='submit'/>",
"Eprops": {
"value": ""
}
},
{
"Eid": 106,
"Ename": "",
"Ecode" : "<input type = 'radio' />",
"Eprops": {
"name": ""
}
},
{
"Eid": 107,
"Ename": "",
"Ecode" : "<input type = 'checkbox'/>",
"Eprops": {
"name": ""
}
},
{
"Eid": 108,
"Ename": "",
"Ecode" : "<input type = 'select'/>",
"Eprops": {
"name": ""
}
},
{
"Eid": 109,
"Ename":"",
"Ecode" : "<input type = 'reset'/>" ,
"Eprops": {
"name": ""
}
},
{
"Eid": 110,
"Ename": "",
"Ecode" : "<input type = 'textbox'/>" ,
"Eprops": {
"name": "",
"value": "",
"maxlength": ""
}
},
{
"Eid": 111,
"Ename": "",
"Ecode" : "<input type = 'file'/>" ,
"Eprops": {
"id": ""
}
},
]
};
$(".search").click(function(){
var id = this.id;
alert(id);
for(var i =0;i<Jstr.JSON.length;i++) {
var obj = Jstr.JSON[i];
if(obj.Eid == id) {
var pr = $(Jstr.JSON[i].Ecode);
alert("Enter Properties");
for(var key in Jstr.JSON[i].Eprops) {
pr.attr("key", function(){
//alert("in prop");
var p = prompt(key, "");
return p;
});
}
var name = prompt("Tag-Name", "");
obj.Ename = name;
$('#down').append(obj.Ename);
$('#down').append(obj.Ecode);
$('#down').append("<br>");
}
}
});
});
這是我在其中嘗試從JSON對象創建表單元素的jQuery代碼。現在的問題是,我沒有得到任何方式Eprops的屬性附加,在標籤內的ECODE如何使用JSON和JQuery在標記中插入元素
你可以用這段代碼創建jsfiddle嗎?這將會更容易幫助。 –