Get all form object values

by rodrigorf

HTML

<div id="formBusca">
  <table id='sample'>
<thead>
    <tr>
        <th>
            First Name
        </th>
        <th>
            Last Name
        </th>
        <th>
            Vehicle          
        </th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>
            <input type="text" id='txtFname' name='txtFname' value="rodrigo">
        </td>
        <td>
            <input type="text"  id='txtLname' name='txtLname' value="ferreira">
        </td>
        <td>
          <select>
            <option value="None">--Select--</option>
            <option value="volvo">Volvo</option>
            <option value="saab" selected>Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
          </select>          
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" id='txtFname' name='txtFname' value="fernando">
        </td>
        <td>
            <input type="text"  id='txtLname' name='txtLname' value="santos">          
        </td>
        <td>
          <select id='vehicle'>
            <option value="None">--Select--</option>
            <option value="volvo" selected>Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
          </select>          
        </td>
    </tr>
</tbody>    
<tfoot>
    <tr>
      <td colspan="2">sample footer</td>
    </tr>
  </tfoot>    
</table>
</div>

JavaScript

$(document).ready(function(){
  $('#formBusca input, #formBusca select').each(function(){
    var tagname = $(this).prop("tagName")
    if(tagname == 'INPUT'){
    	console.log('Type: ' + tagname + ' -- ' + $(this).val())
    }else if(tagname == 'SELECT'){
    	console.log('Type: ' + tagname + ' -- ' + $(this).children("option:selected").val())
    }    
  });
});