Click add to insert another input field in php

Question

I need to add another input field of type select if someone clicks add location as seen in my code

<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
    <p><strong> location</strong></p></br />
<select name="location">
    <option value="location1">location1</option>
    <option value="location2">location2</option>
    <option value="location3">location3</option>
    <option value="location4">location4</option>
</select>
<a href="#" id="#newField">Add location</a>
<hr/>
</form>

I have a few more selects in the form tag but here is where i have a problem. i need to just add the field and not refresh any of the the data the person has added.Thankinging you for your replies.

Do you mean an option should be added? What should be it's value and what this has to do with php? — Ram
– Ram, Commented Sep 7, 2012 at 6:47
i need the entire select to be added just below this already existing select. — user1653850
– user1653850, Commented Sep 7, 2012 at 6:51

Ram · Accepted Answer · 2012-09-07 06:55:24Z

4

You can use clone:

$('#newField').click(function(){
    $('select[name=location]:first').clone().insertAfter('select:last')
})

Fiddle

Note that you should not use # in your id attributes.

<a href="#" id="#newField">Add location</a>
         //-----^

answered Sep 7, 2012 at 6:55

Ram

145k16 gold badges174 silver badges201 bronze badges

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

Collectives™ on Stack Overflow

Click add to insert another input field in php

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related