Appending input tags on click jquery and sending those values to action page

Question

I was trying to append input tags on clicking a button and was successful. I refered to many links

append new rows and input tags using jQuery

Jquery appended input button doesn't function with .on(click)

But now the problem is i'm using these input tags in a form and was trying to send those input tag values to next page using form action. But i'm unable send the appended input element values.

**

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>

Show your code to us and explain what exactly is the problem — Anupam
– Anupam, Commented Sep 11, 2013 at 8:01
so whenever i click on addshowtime button a new input type=time will be appended.On submit the added input's value must be send to the next page — Umesh Varma
– Umesh Varma, Commented Sep 11, 2013 at 8:08

Ganesh Pandhere · Accepted Answer · 2013-09-11 08:08:23Z

1

I can see from your code that you must be appending input tag with same id. It will cause an issue if you are capturing the values by detecting input tags by ID.

answered Sep 11, 2013 at 8:08

Ganesh Pandhere

1,6528 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Umesh Varma Over a year ago

k so can i use class instead

Umesh Varma Over a year ago

Hey thanks mate it served the purpose. I tried that using class instead and it worked.

Collectives™ on Stack Overflow

Appending input tags on click jquery and sending those values to action page

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related