How to pass value of clicked Table row when click on Button : I have a table structured as below, I want the user `onclick` on view details button to get the value of the order id and the value of the selected option from the `combobox` in an array to use it in ajax to update the database, how can this be done? 
   
    <table>
	<tr>
		<thead>
			<tr>
				<th>Order No.</th>
				<th>Customer Name</th>
				<th>Order Status</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>4</td>
				<td>Jack</td>
				<td><select><option>Delivered</option><option>In Progress</option><option>Cancelled</option></select></td>
				<td><button id="ViewDetails" type="button" value="Ok" class="btn btn-success btn-sm" onclick="ViewDetails()"></button></td>
			</tr>
			<tr>
				<td>5</td>
				<td>Adel</td>
				<td><select><option>Delivered</option><option>In Progress</option><option>Cancelled</option></select></td>
				<td><button id="ViewDetails" type="button" value="Ok" class="btn btn-success btn-sm" onclick="ViewDetails()"></button></td>
			</tr>
			<tr>
				<td>6</td>
				<td>Aly</td>
				<td><select><option>Delivered</option><option>In Progress</option><option>Cancelled</option></select></td>
				<td><button id="ViewDetails" type="button" value="Ok" class="btn btn-success btn-sm" onclick="ViewDetails()"></button></td>
			</tr>
		</tbody>
	</tr>
</table>

