jquery初心者のための簡単なヘルプ

Question

ぼかしと入力タイプのテキストを入力タイプのテキストに生成するには、複数の入力タイプのテキストを入力タイプのテキストに入力する方法divとlabelを使用しますか？

マイJS：

<script> 
    $(document).ready(function(){ 
     $('#noans').blur(function(){ 
      var html = '<input type="text" name="noans" id="noans" class="txtbx required" />'; 
     }); 
    }); 
</script> 

私のhtml：

<div class="fldset"> 
    <label for="noans">No Of Answers:</label> 
    <input type="text" name="noans" id="noans" class="txtbx required" /> 
</div> 
<div class="fldset" id="adans"></div> 

Answer 1

ご入力フィールドをフォームに動的IDによるコンポーネントの位置決めの下でそれらを生成し、追加したいと考えました。 HTMLファイルに

$('#noans').blur(function(){ 
       var html = '<input type="text" name="noans1" id="noans1" class="txtbx required" />'; 
       $("#mydiv").append(html); 
    }); 

<div id="mydiv" class="fldset"> 
    <label for="noans">No Of Answers:</label> 
    <input type="text" name="noans" id="noans" class="txtbx required" /> 
</div> 

Answer 2

まず、私の代わりに 'blur' の結合 'change' イベントを使用することをお勧めします。一度それを行うと、入力された値が有効な番号かどうかを確認する必要があります。それが確認されたら、forループ（単純化のため）を繰り返して要素を動的に作成し、divに追加することができます。

$(document).ready(function(){ 
$('#noans').change(function(){ 
    if(isNaN(parseInt(this.value))) 
    { 
     alert("not a valid number"); 
     return; 
    } 
    var value = this.value; 
    $("#adans").empty(); 
    $("#adans").append("<br/>"); 
    for(var i=1; i <= this.value; i++) 
    { 

    var lblele = $("<label/>",{ 
        text : 'Answer ' + i 
       }); 
    var Inele = $("<input/>",{ 
        type: 'text', 
        name: 'noans', 
        id : "noans" + i, 
        'class': 'txtbx required' 
       }); 
     $("#adans").append(lblele); 
     $("#adans").append(Inele); 
     $("#adans").append("<br/>"); 
    } 
}); 
}); 

例：https://jsfiddle.net/x427qn59/2/