は、私は（フォームの属性を変更、例えば防ぎデフォルト）フォームに関連するここに掲載ソリューションの多くを試してみた

（ブートストラップ）のJavaScript/HTMLのテキスト入力に入力したが、私はこれを取得するように見えることはできません作業。基本的には、2つのブートストラップテンプレートから始めましたが、これまでのところうまくいくでしょう。私は今テキストボックスを持っているので、最初のテキストボックスに "submit"（つまりEnterを押してください）したときに追加される別のテキストボックスがあります。現時点では、最初のテキスト入力がで追加されます：は、私は（フォームの属性を変更、例えば防ぎデフォルト）フォームに関連するここに掲載ソリューションの多くを試してみた

$('#item').after(
        '<div class="form-group" onsubmit="return false"> <form class="form-horizontal" onSubmit="return false;"> </div><label for="exampleInputEmail1"> What was the value of the sale?</label><input type="text" class="form-control" id="InputSaleValue" placeholder="Enter value"><form onsubmit="return false"> <form action="javascript:void(-1)"> <small id="emailHelp" class="form-text text-muted">Excluding</small></div>'

しかし、現時点ではページが更新されるだけで生成しようとしているこのフォームの最初の部分に私を取ります。

出典

2017-07-17 Topographical

htmlとjsファイルを共有して作業デモを作成してください – brk

テキストボックスが1つ必要ですか？またはユーザー入力キーを押すたびに新しいテキストボックスが追加されますか？それが1つのテキストボックスであればjqueryを非表示にしたり、複数のテキストボックスが必要な場合は、appendメソッドで追加することができます。 –

私は、テンプレートのこの種を持っています。私はここでそれを掲示したのかもしれません。ただ、コードスニペットを実行します。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<html> 
 
<table> 
 
    <tr> 
 

 
    <td><button type="button" id="button1" style="margin: 10px;">Add Textbox</button> 
 
    </tr> 
 
</table> 
 

 
</html> 
 
<script> 
 
    $("#button1").click(function() { 
 
    addRow(this); 
 
    }); 
 

 
    function addRow(btn) { 
 
    var parentRow = btn.parentNode.parentNode; 
 
    var table = parentRow.parentNode; 
 
    var rowCount = table.rows.length; 
 
    var row = table.insertRow(rowCount); 
 

 
    var cell1 = row.insertCell(0); 
 
    var element1 = document.createElement("input"); 
 
    element1.type = "text"; 
 
    element1.name = "text1"; 
 
    element1.className = "text1" 
 
    cell1.appendChild(element1); 
 
    } 
 
</script>

出典

2017-07-17 06:07:05

ここでは、これはあなたが正確な解ではないかもしれない例ソリューションhttps://jsfiddle.net/37h6c1rs/

$('#item').append('<div class="form-group" onsubmit="return false"> <form class="form-horizontal" onSubmit="return false;"> </div><label for="exampleInputEmail1"> What was the value of the sale?</label><input type="text" class="form-control" id="InputSaleValue" placeholder="Enter value"><form onsubmit="return false"> <form action="javascript:void(-1)"> <small id="emailHelp" class="form-text text-muted">Excluding</small></div>'); 
 
     
 
$('#InputSaleValue').keypress(function(e){ 
 
    if (e.which === 13) { 
 
    $('#item').append('<div><input type="text id="addedTextbox /></div>') 
 
    } 
 
});

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

で行きます探していますが、これはあなたが目的地に到達するのに役立ちますイオン。

出典

2017-07-17 06:24:37 Shiladitya

は、私は（フォームの属性を変更、例えば防ぎデフォルト）フォームに関連するここに掲載ソリューションの多くを試してみた

答えて

関連する問題