come aggiungere un valore sul campo di input quando lo si aggiunge al DOM utilizzando jquery

Question

Desidero aggiungere un valore al campo input quando viene aggiunto al DOM.

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

È possibile 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

È possibile utilizzare

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

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

Fiddle