Search jQuery

jQuery Forum

Using jQuery

vito

Retrieve form data

in Using jQuery • 7 years ago

I have a form with some fields, by a button I duplicate this fields n-times.

<div class="noo-control-group">
<div class="group-title">Dati Catastali</div>
<div class='count hidden'>1</div>
<div class="box-group" id="accordion">
<div class="panel box box-primary">
<div class="box-header with-border">
<h4 class="box-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
Immobile
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="box-body">
<div class="group-container row">
<div class="col-md-8">
<div class="form-group s-prop-title">
<label for="title">Categoria</label>
<input type="text" id="categoria" class="form-control" value="" name="title" required="">
</div>
</div>
<div class="col-md-8">
<div class="form-group s-prop-desc">
<label for="textarea">Sezione</label>
<input type="text" id="sezione" class="form-control" value="" name="title" required="">
</div>
</div>
<div class="col-md-8">
<div class="form-group s-prop-desc">
<label for="textarea">Foglio</label>
<input type="text" id="foglio" class="form-control" value="" name="title" required="">
</div>
</div>
<div class="col-md-8">
<div class="form-group s-prop-desc">
<label for="textarea">Mappale</label>
<input type="text" id="mappale" class="form-control" value="" name="title" required="">
</div>
</div>
<div class="col-md-8">
<div class="form-group s-prop-desc">
<label for="textarea">Sub Alterno</label>
<input type="text" id="sub_alterno" class="form-control" value="" name="title" required="">
</div>
</div>
<div class="col-md-8">
<div class="form-group s-prop-desc">
<label for="textarea">Rendita Catastale</label>
<input type="text" id="rendita" class="form-control" value="" name="title" required="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="form-group s-prop-desc">
<input type="text" id='subcategoria' class="" value="" name="title" required="">
<button id="aggiungi_catasto" class="btn btn-lg btn-primary" value="" name="title" required="">Aggiungi </button>
</div>
</div>
</div>

How can I store all fields in an array to send at php?

Replies(7)

jakecigar

Re: Retrieve form data

7 years ago

It would be easier if it was all in a form like <form id="theForm">. You could then code

$("#theForm").serialize()

But, even without the form you can still serialize the inputs

$(":input").serialize()

You would use any of the jQuery AJAX methods and pass along that expression as the data.

$.get("YourPHPProgram.php", $(":input").serialize(), function(data){
// do something with the data echoed by the PHP.
})

JΛ̊KE

vito

Re: Retrieve form data

7 years ago

Hi Jake, I have all fields in a form with id, but I use 4 tables in mysql, so how can I manage properly all data?

Example:

<form id='form'>
<input id='1'>
<input id = '2'>
<input id='3'>
<input id='4'>
<input id='5'>
<input id='6'>

the value of id 1 is a string --> table1
the value of 2 and 3 are chechboks -->table2

the value of id 4 is a string ->table 3

the value of id 5 / 6 are input created at runtime.

with serialize how can I solve my problem?

jakecigar

Re: Retrieve form data

7 years ago

Ids don't mean much in a <form>. It's all about the name parameters.

In PHP you probably want to use names like name="xyz[]" and get xyz as an array in PHP.

jQuery can help you get the values to the PHP, but from there you are on your own.

JΛ̊KE

vito

Re: Retrieve form data

7 years ago

No matter the language after jquery. I can't understand: If I have an array with all form data. How can I know how many times the fields are dinamically added ?

the array wiil be

[0]->input 1

[1]->input 2

---

[n]->array[]?

jakecigar