Wie füge ich einen Wert für das Eingabefeld hinzu, wenn ich es an DOM anschließe, indem ich jquery verwende

Question

Ich möchte einen Wert zum input Feld hinzufügen, wenn es an DOM angehängt wird.

var strarray = [ "web developer", "web designer" ]; 
for (i = 0; i <= strarray.length-1; i++) { 
    j = [{ 'emp': strarray[i] }]; 
    var a = j[0]['emp']; 
    console.log(a); 
    $("<input type='text' value=" + a + "/>") 
     .attr("id", "myfieldid"+i) 
     .attr("name", "myfieldid[]") 
     .appendTo(".mycal"); 
} 

Answer 1

Sie können create element using jQuery

var strarray = ["web developer", "web designer"]; 
 
for (i = 0; i <= strarray.length - 1; i++) { 
 
    j = [{ 
 
    'emp': strarray[i] 
 
    }]; 
 
    var a = j[0]['emp']; 
 
    console.log(a); 
 
    $("<input>", { 
 
     'type': 'text', 
 
     'value': a, 
 
     'id': "myfieldid" + i, 
 
     'name': "myfieldid[]" 
 
    }).appendTo(".mycal"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class=mycal></div>

Answer 2

können Sie verwenden

var input = $("<input/>", { 
    "type": 'text', 
    'value': a, 
    'id': "myfieldid" + i, 
    'name': "myfieldid[]" 
}); 

$(".mycal").append(input); 

Fiddle