Mr_Mohamed
New Member
I have a form kinda like this:\[code\]<form action="#" method="post"> <select name="phase"> <option>1</option> <option>2</option> <option>3</option> </select> <div data-phase="1"> <input type="text" name="info" /> </div> <div data-phase="2"> <input type="text" name="info" /> </div> <div data-phase="3"> <input type="text" name="info" /> </div></form>\[/code\]By using JQuery, at any time, only one of the DIVs is displayed, corresponding to the value in the select box.The issue is that the value POSTed is overridden by the last text input, since they all have the same name. Is there away around this WITHOUT renaming the inputs?