-1
Thnaks in advance。私はウェブで新しく開発して、1つの問題にこだわっています。私は入力フィールドの可変数を必要とするフォームを作成しています。だから私はいくつかのオンラインソースの助けを借りて動的な入力フィールドの作成を作成しようとしました。想像できるすべてを試しましたが、コードは機能していません。動的な入力フィールドの作成が機能していません。どうして？
これまでのところ、私はこのコードを書かれている：index.htmlを
<html>
<head>
<title>Test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<header>Dynamic Add Input Fields</header>
<form name="form1" id="form1">
<table class="table table-bordered" id="dynamic_field">
<tr>
<td><input type="text" name="name[]" id="name" class="form-control name_list"/></td>
<td><input type="button" name="add" id="add" class="btn btn-success" value="ADD"></td>
</tr>
</table>
<input type="button" name="submit" id="submit" value="Submit"/>
</form>
<script type="text/javascript" >
$(document).ready(function() {
var i = 1;
$('#add').click(function() {
i++;
$('#dynamic_field').append('<tr id="row'+i+'"><td><input id="name" type="text" name="name[]" class="form-control name_list"/></td><td><input type="button" name="remove" id="row'+i+'" class="btn_remove" Value="X" /></td></tr>');
});
$('.btn_remove').on('click','.btn_remove',function() {
var button_id = $(this).attr("id");
$("#row"+button_id+"").remove();
});
});
</script>
</body>
</html>
私はこのコードを実行すると、出力が来る：
ダイナミック入力フィールド [入力フィールド]を追加[追加ボタン] [送信ボタン]
[追加]ボタンをクリックしたときのように、もう1つの入力フィールドとその横にある[削除]ボタンを追加する必要があります。
[追加]ボタンをクリックしても、何も起こりません。ただURLが変わるだけです。
のイベントハンドラを追加する必要がありますか？ – epascarello
あなたの質問にお答えしますか？\ –
あなたのエラーコンソールを見ないと思います。 'method =" POST "、' – epascarello