Reputation: 185
How can I retrieve values of multiple input boxes that can be added dynamically,using JSP, Servlets?
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Name:</label>
<div class="col-md-8">
<input id="textinput" name="textName" type="text" placeholder="" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Address Line 1:</label>
<div class="col-md-8">
<input id="textinput" name="textadr1" type="text" placeholder="" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Address Line 2:</label>
<div class="col-md-8">
<input id="textinput" name="textadr2" type="text" placeholder="" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Country:</label>
<div class="col-md-4">
<input id="textinput" name="textcntry" type="text" placeholder="" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Registration Number:</label>
<div class="col-md-4">
<input id="textinput" name="textregNo" type="text" placeholder="" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Registration Date:</label>
<div class="col-md-4">
<input id="textinput" name="textregDate" type="date" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Date of Dealing:</label>
<div class="col-md-4">
<input id="textinput" name="textDateDealing" type="date" class="form-control input-md" >
</div>
</div>
</fieldset>
<div id="contact-person-container">
<div class="contact-person">
<hr>
<fieldset id="modal_form">
<button type='button' class='close closebtn' aria-hidden='true'>×</button>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Contact Person:</label>
<div class="col-md-4">
<input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Phone #:</label>
<div class="col-md-4">
<input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">fax #:</label>
<div class="col-md-4">
<input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Email:</label>
<div class="col-md-8">
<input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
</div>
</div>
</fieldset>
</div>
</div>
<!-- /#contact-person-container -->
</div>
<div class="modal-footer">
<button type="button" id="addAnotherContactBtn" class="btn btn-
primary">Add Another Contact</button>
<button type="submit" class="btn btn-primary">Create Agent</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</form>
This is the part that we can have any number of input fields as necessary from the above form.
<fieldset id="modal_form">
<button type='button' class='close closebtn' aria-hidden='true'>×</button>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Contact Person:</label>
<div class="col-md-4">
<input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Phone #:</label>
<div class="col-md-4">
<input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">fax #:</label>
<div class="col-md-4">
<input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Email:</label>
<div class="col-md-8">
<input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
</div>
</div>
How can I get the dynamic input boxes and then add it to a DB using servlets?
Upvotes: 1
Views: 1457
Reputation: 29
The ID's of your input elements have to be unique
and to list all parameters you can use request.getParameterMap()
and iterate through it from a servlet.
See Get all parameters from JSP page for more examples
Upvotes: 2