How to build an array with jquery and make input fields

Question

Like i sayed in the title, i need to build an array and change value in form input field's the code is:

<div class="row-dp">
    <div class="cel-1">Obiectiv</div>
    <div class="cel-2" id="obiectiv">macarale</div>
    <div class="cel-3">&nbsp;</div>
</div>
<div class="row-dp">
    <div class="cel-1">Orasul selectat</div>
    <div class="cel-2" id="orasulselectat">Bucuresti</div>
    <div class="cel-3">&nbsp;</div>
</div>

I need to take from " <div class="cel-2" " id to be a key and value to be value

an example

VAR['obiectiv'] = macarale;
VAR['orasulselectat'] = Bucuresti;

to transform from value in input field like

<input name="obiectiv" value="macarale" type="text" />

Thank you!

Do all the input elements already exist or do they need to be created? — js1568
– js1568, Commented Jun 18, 2012 at 13:30

js1568 · Accepted Answer · 2012-06-18 13:29:34Z

2

$('.cel-2').each(function() {
  $('input[name='+this.id+']').val($(this).text());
});

If you have to create the input elements, use this:

$('.cel-2').each(function() {
  $('#yourFormNameHere').append($('<input/>').prop({'name':this.id,'type':'hidden'}).val($(this).text()));
});

answered Jun 18, 2012 at 13:29

js1568

7,0322 gold badges30 silver badges47 bronze badges

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

1 Comment

MiddleCloud Over a year ago

it create the input with value and id from the data at the last div

Muthukumar M · Accepted Answer · 2012-06-18 13:31:41Z

-1

 $('.row-dp').each(function(){
   if($(this).attr('id') && $(this).attr('id')!="")
    $('body').append("<input type='text' id="+$(this).attr('id')+" val="+$(this).text()+">");
 });

edited Jun 18, 2012 at 13:31

answered Jun 18, 2012 at 13:26

Muthukumar M

1,13610 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to build an array with jquery and make input fields

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related