JSFiddle - React, Tailwind, and code Playground

by kaleeswaran

HTML

<table>
    <tbody>
        <tr id="row7">
            <td>
                <input type="text" id="person_row7" name="person_row7" />
            </td>
            <td>
                <input type="text" id="father_row7" name="father_row7" />
            </td>
            <td>
                <input class="input-mini" type="text" id="age_row7" name="age_row7" />
            </td>
            <td>
                <select id="gender_row7" class="input-small" name="gender_row7">
                    <option value="default" selected="selected">---------</option>
                    <option value="Male">Male</option>
                    <option value="Female">Female</option>
                </select>
            </td>
            <td>
                <input id="phonenumber_row7" name="phonenumber_row7" type="text" />
                <button>serialize</button>
            </td>
        </tr>
    </tbody>
</table>

JavaScript

$('button').click(function () {
    var x = $('#row7 :input[name]').serializeArray();    
    console.log(x);
});