在单击jquery上添加输入标记并将这些值发送到操作页面

Question

我试图在点击按钮时添加输入标签并且成功了。我参考了许多链接

append new rows and input tags using jQuery

JQuery Append javascript

Jquery appended input button doesn't function with .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/>

    &nbsp;&nbsp;&nbsp;<cfinput type="button" id="addshowtime" class="btn" onClick="addInput()" name="add" value="+" />
    &nbsp;&nbsp;&nbsp;<cfinput type="button" class="btn1" onClick="subInput()" name="sub" value="RESET" />
    <p id="showtime">
    </p>

Answer 1

我可以从您的代码中看到您必须附加具有相同ID的输入标记。如果通过ID检测输入标记来捕获值，则会导致问题。