Tables with Prices

by Joe Saad

HTML

<table border="1">
	<thead>
		<tr>
			<th>Session</th>
			<th>Speaker</th>
			<th>Price</th>
			<th>Quantity</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>JQUERY 101</td>
			<td>Joe Saad</td>
			<td>240.00</td>
            <td>
                <select>
                    <option>0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </td>
		</tr>
		<tr>
			<td>JQUERY 101</td>
			<td>Joe Saad</td>
			<td>240.00</td>
            <td>
                <select>
                    <option>0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </td>
		</tr>
		<tr>
            <td>JQUERY 101</td>
			<td>Joe Saad</td>
			<td>240.00</td>
            <td>
                <select>
                    <option>0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </td>
		</tr>
	</tbody>
</table>

JavaScript

$('select').change(function(){
    var $this = $(this),
        row = $this.closest('tr').index()+1,
        column = $this.closest('td').index()+1;
    
   // alert(row +','+ column);
    var price = $this.closest('tr').children('td:nth-child('+3+')').text() * $this.val();
  $this.closest('tr').children('td:nth-child('+3+')').text(price.toFixed(2));
});