入力テキストの属性名に変数を渡します。

Question

私は多くの人を受け取る入力テキストを持っています。この番号に従って、それぞれに入力テキストを追加します。私はそれを世話するforループを持っています。また、各入力テキストの隣に正しい人物番号のスパンを追加します。

しかし、入力テキストごとにname属性に同じ変数を使用すると問題が発生します。私は各入力テキストの最後の数字を取得します（インクリメンタルでなければなりません）。

したがって、IDがp19_sub_1の入力テキストが値を変更すると、この値に応じて入力テキストの合計数が追加されます。

p18_sub_1_Xのように、正しい名前属性をプログラムで設定する方法「X」は1からn（#p19_sub_1 value）に変更する必要がありますか？だから、

$("#p19_sub_1").change(function() { 
 

 
    $("#contenedor_de_personas").empty() 
 

 
    var totalp = $("#p19_sub_1").val(); 
 
    var initial = 1; 
 

 
    for (totalp; initial <= totalp; initial++) { 
 
    // Runs 5 times, with values of step 0 through 4. 
 

 
    console.log(initial); 
 

 
    $("#contenedor_de_personas").append('<p><span>Persona ' + String(initial) + ':</span><input type="text" class="inp-text-personas" name="" value="" data-tipo="0"></p>') 
 

 
    } 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="contenedor_de_pregunta_19"> 
 

 
    <div class="row"> 
 
    <div class="col s12"> 
 
     <h5 class="orange-text">18. ¿CUÁLES SON LOS NOMBRES Y APELLIDOS DE CADA UNA DE LAS PERSONAS QUE DURMIERON AQUÍ, LA NOCHE ANTERIOR AL DÍA DEL CENSO? (NO OLVIDE REGISTRAR A LOS RECIÉN NACIDOS, ANCIANOS Y VISITAS). 
 
     </h5> 
 

 
     <h6>Registre a las personas en el orden que se indica a continuación:</h6> 
 
     <ul> 
 
     <li>Jefe o jefa del hogar</li> 
 
     <li>Hijos/as, hijastros/as y/o hijos/as</li> 
 
     <li>Esposa/o o compañera/o</li> 
 
     <li>Adoptivos/as solteros/as con hijos/as</li> 
 
     <li>Hijos/as, hijastros/as y/o hijos/as</li> 
 
     <li>Hijos/as, hijastros/as y/o hijos/as adoptivos.</li> 
 
     <li>Adoptivos/as solteros/as sin hijos/as</li> 
 
     <li>casados/as o unidos/as y su familia</li> 
 
     <li>Yerno/nuera</li> 
 
     <li>Nieto/a</li> 
 
     <li>Padres y/o suegros</li> 
 
     <li>Otros/as parientes: tíos/as, hermanos/as, etc.</li> 
 
     <li>Trabajador/a del hogar.</li> 
 
     <li>Pensionista</li> 
 
     <li>Otras personas no parientes del/de la jefe/a: amigos(as), compadres, etc.</li> 
 
     </ul> 
 

 
    </div> 
 

 
    </div> 
 

 
    <div class="row"> 
 

 
    <p> 
 
     <span>Total personas:</span> 
 
     <input type="text" name="tipo_vivi" id="p19_sub_1" value="total_personas" placeholder="#" data-tipo="0"> 
 
    </p> 
 

 
    <div id="contenedor_de_personas"> 
 

 
    </div> 
 

 
    </div> 
 

 
    <div class="row"> 
 
    <div class="col s12 left-align"> 
 
     <button class="btn waves-effect waves-light btn-de-retroceso" data-posicion-de-pregunta="18">Retroceso<i 
 
        class="material-icons left">skip_previous</i></button> 
 
    </div> 
 
    </div> 
 

 
    <div class="row"> 
 
    <button type="submit">enviar</button> 
 
    </div> 
 

 
</div>

View on JSFiddle

Answer 1

、私はから変更しなければならなかった：私はあなたのFiddを考える

$("#contenedor_de_personas").append('<p><span>Persona ' + String(initial) + ':</span><input type="text" class="inp-text-personas" name="p18_sub1_' + initial + '" value="" data-tipo="0"></p>')