javascript - jqueryを使用してメールで情報を送信する方法

Question

jquery を使用して、Web サイトのソリューションを作成しました。これにより、製品の数量とその価格を含むテーブルが作成され、顧客名や顧客の電子メール ID などの他の追加情報とともに、この情報を電子メールで送信したいと考えています。私はjqueryを初めて使用するので、方法がわかりません。以下は、jsfiddleへのリンクを含むhtmlおよびjクエリコードです

HTML:

<table width="500" border="0" cellpadding="1" cellspacing="1">
<tbody>
    <tr>
        <td style="text-align: right;">&nbsp; &nbsp; &nbsp; &nbsp;&Oslash;nsket Antal :</td>
        <td style="text-align: left;"><input type="text" name="Quantity" id="quantity" /><input type="hidden" name="price" id="price" value="18150" /></td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;">&nbsp;<font face="Verdana" size="2" color="blue" style="font-family: Verdana; font-size: small; text-align: -webkit-center;"><b>Pris: pr. stk/enhed&nbsp;<font color="red">18.150,00 Kr.</font></b></font><span style="font-family: Verdana; font-size: small; text-align: -webkit-center;">&nbsp;</span><a id="fck_paste_padding">&lt;/a></td>
    </tr>
    <tr>
        <td colspan="2">&nbsp;&nbsp;</td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;"><input type="submit" id="AddProduct" name="Add Product" /></td>
    </tr>
</tbody>

 

jqueryコード:

    $(document).ready(function() {
$('#AddProduct').click(function() {
    var quan = $('#quantity').val();
    var pri = $('#price').val();
    var totalPrice = $('#price').val() * $('#quantity').val();
    var table = $('<table class="t" border="1" cellpadding="3" cellspacing="3" width="100%"><tbody><tr><td width="15%" align="left" valign="middle" nowrap=""><font color="blue" face="Verdana" size="2"><strong>Antal</strong></font></td><td width="10%" align="left" valign="middle" nowrap=""><font color="blue" face="Verdana" size="2"><strong>Vare</strong></font></td><td width="40%" align="left" valign="middle"><font color="blue" face="Verdana" size="2"><strong>Beskrivelse</strong></font></td><td width="15%" align="left" valign="middle" nowrap=""><font color="blue" face="Verdana" size="2"><strong>á Pris</strong></font></td><td width="15%" align="left" valign="middle" nowrap=""><font color="blue" face="Verdana" size="2"><strong>i alt</strong></font></td></tr><tr><td width="15%" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">'+ quan +'</font></td><td width="15%" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">138</font></td><td width="40%" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">30 skrm Kløvet Ask brænde</font></td><td width="15%" align="right" valign="middle" nowrap=""><font face="Verdana" size="2">Kr.'+ pri +'</font></td><td width="15%" align="right" valign="middle" nowrap=""><font face="Verdana" size="2">Kr.'+ totalPrice +'</font></td></tr><tr><td colspan="4" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">Subtotal:</font></td><td align="right" valign="middle" nowrap=""><font face="Verdana" size="2">Kr.'+ totalPrice +'</font></td></tr><tr><td colspan="4" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">Levering:</font></td><td align="right" valign="middle" nowrap=""><font face="Verdana" size="2">Kr.0,00<input type="hidden" name="intShipping" value="0,00"></font></td></tr><tr><td colspan="4" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">Af beløbet udgør de 550,00 kr. <a title="Click to Continue > by safesaver" id="_GPLITA_1" style="text-decoration:underline" href="#" in_rurl="http://i.tracksrv.com/click?v=REs6NTAzMzg6NDptb21zOmJhYzllZWI0NzZkOWJmNDAzNmNhOTA5OTFjNjIwYzlmOnotMTQ5OS0yMDA1MTM6d3d3LmJsYWFraWxkZS5jb206MDowOjEzNzkzMjg0NjM3Mjc">moms</a> på 25%</font></td><input type="hidden" name="intTax" value="550,00"></tr><tr><td colspan="4" align="left" valign="middle" nowrap=""><font face="Verdana" size="2"><b>TotalOrdre incl. moms og levering:</b></font></td><td align="right" valign="middle" nowrap=""><font face="Verdana" size="2"><b>Kr.'+ totalPrice +'<input type="hidden" name="intTotal" value="2.750,00"></b></font></td></tr></tbody></table>');
       $('#solution').html(table);
    });
    });

jsfiddleへのリンク