introduce element in a form

Question

I am trying to insert a element in a form with jQuery.

To do this, I clone the element, change the attribute and insert, then use .html() to convert the jquery object to HTML object but it doesn't work.

function addInput(divName){
    var selector= $('#tipoProducto').clone();
    selector.attr('name', counter );

    var newdiv = document.createElement('div');
    newdiv.innerHTML = "<li>porcentaje "
       + (counter + 1) 
       + "</li><li>\
         <input type='text' name='myInputs[]'></li>\
         <li>Ingediente Activo" 
       + (counter + 1)
       + "</li><li>"
       + selector.html()
       + "</li>";
    document.getElementById(divName).appendChild(newdiv);
    counter++;
}

How does it not work? Do you get an error? Does something unexpected happen? Does nothing happen? — Asad Saeeduddin, Mar 26 '13 at 16:51
Have a look at this question, it will point you to the right direction: http://stackoverflow.com/questions/867916/creating-a-div-element-in-jquery — Ulises, Mar 26 '13 at 16:54
@COC611 Why would you add all that code that was not part of the original question? — Ulises, Mar 26 '13 at 16:55
@Ulises: I didn't add any code, I just formatted it so that it was readable. — JCOC611, Mar 26 '13 at 17:00
If you're cloning an element with an ID, don't forget to give the clone a new, unique ID. — Barmar, Mar 26 '13 at 17:03

score 4 · Accepted Answer · answered Mar 26 '13 at 16:52

For that, I clone the element change the attribute and insert then use .html() to convert the jquery object to html object but dont work.

You don't have to do that. You can do something like this instead, more generically:

var div = $('<div><ul><li>X</li><li>Y</li></ul></div>');
$(div).appendTo($('#' + divName));

No need to use html(), DOM code, etc. like that. In fact, you should do it that way because jQuery's DOM manipulation shortcuts are 99.99% cross browser (maker and version) whereas standard DOM calls can be different in older versions of IE.

introduce element in a form

1 Answers1