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

Question

我试图在单击按钮时附加输入标签并成功。我参考了很多链接

使用 jQuery 追加新行和输入标签

JQuery 追加 javascript

Jquery附加的输入按钮不适用于.on（点击）

但现在的问题是我在表单中使用这些输入标签，并试图使用表单操作将这些输入标签值发送到下一页。但我无法发送附加的输入元素值。

**

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 检测输入标签来捕获值，则会导致问题。