Wie append, jQuery variable Wert innerhalb der .html-tag

Ich habe ein jquery-variable, die enthält html-tags zu erstellen, Checkboxen dynamisch.
Jetzt als pro meine muss ich haben, fügen Sie diese variable in die .html-Tags von jquery zu zeigen, die Checkboxen innerhalb der Dialog-box ..Auch meine .html enthält form-tag enthalten die Kontrollkästchen code in das Formular ein..

Hier ist meine variabel enthält die html-tags..

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 />

Und hier ist meine .html-tag mit der form ..

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

ich versuchte, fügen Sie die variable wie +chbx+ ist das aber nicht passiert und das zeigen der leeren Dialog box..

  • sollten Sie mit "html einfügen" in bestimmten Selektor/id/Klasse/Objekt. Ich bin mir nicht sicher, aber was bedeutet $('<div></div>') gemein!! Versuchen, meine Antwort, ich habe Sie nur eingefügt, der html mit dem <div> id.
  • ist mein Selektor und ich das einfügen muss die chbx innerhalb dieser nur
InformationsquelleAutor Adi | 2013-10-30
  1. 14

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

    Demo

    • vielen Dank sir für Ihre Antwort bitte, sir, sagen Sie mir, wie kann ich diesen code in diese Zeile $dialog = $('<div></div>').html('<form id="myform" action="">' + chbx + '</form>')
    • ich habe versucht, einfügen von var $dialog = $('<div></div>').html("<form id='myform'>" +chbx+ "</form>"), aber diese zeigt auch nichts in der Dialog-box
    • bitte sehen Sie sir, ich aktualisiert die post mit meinen aktuellen code für dilaogue box
    • Dies sollte Ihnen helfen, fügen Sie ein Formular in Ihrem dialog. jsbin.com/aqaji3/1/edit
    • gibt es irgendwelche Nachteile, wenn wir lange html in jquery variable?
    • ich denke, es gibt eine extra Apostroph in "<form id='dynamicForm'>" +chbx + "'</form>"

    InformationsquelleAutor Ashad Shanto
  2. 3

    Sehen diese Link

    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);
    InformationsquelleAutor Mahmoude Elghandour
Schreibe einen Kommentar