ボタンのクリック時に入力タグを追加しようとしましたが、成功しました。たくさんのリンクを参考にしました
Jquery 追加の入力ボタンが .on(click) で機能しない
しかし、問題は、これらの入力タグをフォームで使用していて、フォームアクションを使用してこれらの入力タグの値を次のページに送信しようとしていたことです。しかし、追加された入力要素の値を送信できません。
**
jquery
$("#addshowtime").click(function(){
$("<input type='time' value='' />")
.attr("id", "showtime5")
.attr("name", "show_timing5")
.prependTo("#showtime");
});
**
html
<label><strong>Show Timing1</strong></label><input id="showtime1" type="time" name="show_timing1" required/>
<label><strong>Show Timing2</strong></label><input id="showtime2" type="time" name="show_timing2" required/>
<label><strong>Show Timing3</strong></label><input id="showtime3" type="time" name="show_timing3" required/>
<label><strong>Show Timing4</strong></label><input id="showtime4" type="time" name="show_timing4" required/>
<cfinput type="button" id="addshowtime" class="btn" onClick="addInput()" name="add" value="+" />
<cfinput type="button" class="btn1" onClick="subInput()" name="sub" value="RESET" />
<p id="showtime">
</p>