JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://siteciyiz.biz/up/Dosyalar/jquery.serialize-object.compiled.js"></script>
<script src="http://jsfiddle.net/echo/jsonp/"></script>
<form>
<label for="user1">Kullanıcı Adı</label>
<input name="user[name]" type="text" id="user1" value="a1">
<label for="pass1">Şifre</label>
<input name="user[pass]" type="text" id="pass1" value="b1">
<label for="Unvan1">Ünvan</label>
<select name="user[Unvan]" id="Unvan1">
<option disabled >Seçiniz</option>
<option value="0" selected="selected">Level0</option>
<option value="1">Level1</option>
<option value="2">Level2</option>
</select>
</form>
<form>
<label for="user2">Kullanıcı Adı</label>
<input name="user[name]" type="text" id="user2" value="a2">
<label for="pass2">Şifre</label>
<input name="user[pass]" type="text" id="pass2" value="b2">
<label for="Unvan2">Ünvan</label>
<select name="user[Unvan]" id="Unvan2">
<option disabled >Seçiniz</option>
<option value="0">Level0</option>
<option value="1" selected="selected">Level1</option>
<option value="2">Level2</option>
</select>
</form>
<form>
<label for="user3">Kullanıcı Adı</label>
<input name="user[name]" type="text" id="user3" value="a3">
<label for="pass3">Şifre</label>
<input name="user[pass]" type="text" id="pass3" value="b3">
<label for="Unvan3">Ünvan</label>
<select name="user[Unvan]" id="Unvan3">
<option disabled >Seçiniz</option>
<option value="0">Level0</option>
<option value="1">Level1</option>
<option value="2" selected="selected">Level2</option>
</select>
</form>
<br>
<input type="button" value="Gör">
<p>Sonuç</p>
<pre id="result"></pre>
CSS
input, select{width:100px;}
#result, #result2 {
margin: -13px 10px 10px;
background: #eee;
padding: 10px;
height: 220px;
overflow: auto;
}
JavaScript
$(function() {
var depo = [];
$('input[type="button"]').on('click', function() {
$('form').each(function() {
depo.push($(this).serializeObject());
});
$('#result').text(JSON.stringify(depo,null,1))
});
});