Как вставить элементы в тег, используя JSON и JQuery

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>");
            }
        }
    });
});

Это мой код jQuery, в котором я пытаюсь создать элементы формы из объекта JSON. Теперь проблема в том, что я не получаю никакого способа добавить свойства Eprops внутри тега в Ecode

  • 3
    Можете ли вы создать jsfiddle с этим кодом? Будет намного легче помочь.
Теги:

1 ответ

0

Вы можете создать элементы, используя JQuery < синтаксис: JQuery (HTML [, ownerDocument])

Второй аргумент для этого синтаксиса может быть именем/значениями атрибута объекта:

Jstr.JSON.forEach(function (elem) {
    $(elem.Ecode, elem.Eprops).appendTo("body");
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню