Popup прозорче със данните от формата.

[Darknez]

Здравейте, колеги имам една форма за пазаруване, та не мога да разбера как да направя така, че като натисна submit да ми изкара popup в който да пише примерно: " Hello, Josh you orderd one T-shirt for $1."

<fieldset>
	<legend><b>Personal Details</b></legend>
		<p><label for="name">First Name</label>
			<input id="name" type="text" placeholder="Name" autofocus /></p>
		<p><label for="surname">Surname</label>
			<input id="surname" type="text" placeholder="Surname" autofocus /></p>
		<p><label for="address">Address</label>
			<input id="address" type="text" placeholder="Street Number and Name" autofocus />
			<input id="city" type="text" placeholder="City" autofocus />
			<input id="postcode" type="text" placeholder="Post Code" autofocus /></p>
		<br>
	<legend><b>Products</b></legend>
   <div class="datagrid">
 <form id="buy">
  <table>
   <tbody>
        <tr>
        <td>
        	<select id="product" onchange="setPrice()">
                <option value="4.49">T-Shirt</option>
                <option value="6.49">Brushes</option>
                <option value="9.47">Paint</option>
        	</select>
        </td>
        <td>
        	<select id="quantity" onchange="setPrice()">
				<option value="0">Quantity 0</option>
                <option value="1">Quantity 1</option>
                <option value="2">Quantity 2</option>
                <option value="3">Quantity 3</option>
                <option value="4">Quantity 4</option>
        	</select>
        </td>
        <td>
            £ <input type="text" id="total" readonly />
        </td>
        <td>
        </tr>
   </tbody>
  </table>
 <input type="reset" value="Reset" />
 <input type="submit" value="Submit" />
 </fieldset>

 </form>

 

[Revelation]

[js]
$('input[type=submit]').on('click', function ( e ) {
var firstName = $('#name').val();
var productName = $('#product option:selected').text();
var total = $('#total').val();

var popup = window.open('', '', 'width:200', 'height:200');
popup.document.write("<p>Hello," + firstName + " you orderd one " + productName + " for £" + total + ".");

e.preventDefault();
});
[/js]