submit特定元素的資料

有時候因為某些不可抗拒的因素，而只能將某些html元素寫在某個form當中

例子如下：

<form id="form1" method="post" action="post_target.html">

<input id="txtName" type="text" name="Name">

<input id="txtTel" type="text" name="Tel">

<input id="txtAddr" type="text" name="Address">

<input id="btnSend" type="submit" value="送出">

</form>

此時一按下送出，就會將整個form1的資料送出去

如果希望只送出Name欄位的資料出去該怎麼做呢?

以下為了程式碼的精簡，使用了jQuery來處理dom物件，改寫後的code如下

<form id="form1"> // 將 method="post" action="post_target.html"拿掉

<input id="txtName" type="text" name="Name">

<input id="txtTel" type="text" name="Tel">

<input id="txtAddr" type="text" name="Address">

<input id="btnSend" type="button" value="送出" onclick="doPost();" />

</form>

<script type="text/javascript">

function pay() {

var name= $('#txtName').val();

var form = $('<form method="post" action="post_target.html"></form>');

form.append('<input type="hidden" name="Name" value="' + name + '" />"');

$('body').append(form);

form.submit();

}

</script>