JQueryの$postで選んだものだけで動かしたいのですが
$postはphpでﾃﾞｰﾀﾍﾞｰｽから出したもののように､同じ要素(formのnameとかが)がたくさん表示されている場合､個別に指定してないと送れないようですがやり方がわかりません
例1
<form name = 'form'>
<input type='hidden' name='product_id' value='1'/>
<input type='hidden' name='product_name' value='りんご'/>
<input type='button' value='登録' onClick='get(); return false;'/>
</form>
<form name = 'form'>
<input type='hidden' name='product_id' value='2'/>
<input type='hidden' name='product_name' value='みかん'/>
<input type='button' value='登録' onClick='get(); return false;'/>
</form>
みたいに並んでいる場合
どのように指定すればよいでしょうか？
現状のjavascriptは
$(function(){
$(':button').click(function get(){
var product_id = document.form2.product_id.value;
var purduct_name = document.form2.product_name.value;
$.post('test.php',{ "id": product_id , "name":product_name },
function(output){
$('#test').html(output);
});
});
のうような感じで作っていますが､もちろん動かない状態です｡
送り先にはechoなどでわかりやすく表示するようにしていますが､ﾀﾞﾒでした｡
javascriptは現在の形にはこだわりません｡
ｺｰﾄﾞ付きでよろしくお願いします｡
ﾍﾞｽﾄｱﾝｻｰ