javascript - jqueryを使用して配列を作成し、入力フィールドを作成する方法

Question

タイトルで述べたように、配列を作成し、フォーム入力フィールドの値を変更する必要があります。コードは次のとおりです。

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

" <div class="cel-2"" idをキーに、valueをvalueに変更する必要があります

例

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

次のような入力フィールドの値から変換します

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

ありがとうございました！

Answer 1

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

input要素を作成する必要がある場合は、次を使用します。

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

Answer 2

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