jqueryを使用してDOMに追加するときに入力フィールドに値を追加する方法

Question

DOMに追加するときにinputフィールドに値を追加したいとします。

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

あなたは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

あなたは使うことができ

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

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

Fiddle