how to add a value on input field when appending it to DOM using jquery

Question

I want to add a value to the input field when it is append to 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");
}

Its working. jsfiddle.net/rzuc9e2d One thing, instead of $("<input type='text' value=" + a + "/>") use $("<input type='text' value='" + a + "'/>") That is required if string "a" contains space, which in you case is there. — Vivek
– Vivek, Commented Sep 18, 2015 at 9:20
@RORY Its not working please check. and i have already try with this.jsfiddle.net/rzuc9e2d — sourabh
– sourabh, Commented Sep 18, 2015 at 9:44

Anoop Joshi P · Accepted Answer · 2015-09-18 09:25:58Z

3

You can use

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

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

Fiddle

edited Sep 18, 2015 at 9:25

answered Sep 18, 2015 at 9:18

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Anoop Joshi P Over a year ago

see the fiddle provided

Pranav C Balan · Accepted Answer · 2015-09-18 09:23:49Z

2

You can 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>

edited Sep 18, 2015 at 9:23

answered Sep 18, 2015 at 9:18

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

1 Comment

Pranav C Balan Over a year ago

@sourabh : glad to help :)

Collectives™ on Stack Overflow

how to add a value on input field when appending it to DOM using jquery

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related