將圖像ID傳遞給表單並使用jQuery提交

我在頁面上有幾張圖像。每個圖像都有一個id值分配。我需要獲取圖像ID，將其傳遞到表單並在點擊圖像時提交該表單。將圖像ID傳遞給表單並使用jQuery提交

<IMG SRC="img1.gif" id="var1"> 
<IMG SRC="img2.gif" id="var2"> 

<form method="post" id="myForm" action="thisPage.php"> 
<input type="hidden" name="myID"> 
</form>

如何將圖像中的值傳遞給窗體？

現在，我知道我可以在jQuery中使用ajax，但在這種情況下，我實際上需要提交到此頁面並在提交後重新加載它。

來源

2011-03-05 santa

你仍然可以使用jQuery沒有Ajax。

$(function() { 
    $('img').click(function() { 
     $('[name=myID]').val($(this).attr('id')); 
     $('#myForm').submit(); 
    }); 
});

查看演示。 http://jsfiddle.net/gwgCH/3/

來源

2011-03-05 16:44:14 Mahesh

如果你使用jQuery，那麼你將有一個更乾淨的HTML。我沒有改變你的HTML代碼 – Mahesh 2011-03-05 16:48:52

是的，我同意。我開始更多地使用jQuery，我喜歡在保持清潔的同時擴展我的HTML功能。 +1爲jsfiddle！ – santa 2011-03-05 16:59:40

<script type="text/javascript"> 
function setImage(imgid) { 
    document.getElementById('formImage').value = imgid; 
    document.getElementById('myForm').submit(); 
} 
</script> 

<IMG SRC="img1.gif" id="var1" onclick="setImage('var1');" /> 
<IMG SRC="img2.gif" id="var2" onclick="setImage('var2');" /> 

<form method="post" id="myForm" action="thisPage.php"> 
<input type="hidden" id="formImage" /> 
</form>

來源

2011-03-05 16:23:39 cusimar9

一個JavaScript的解決方案

<IMG SRC="img1.gif" id="var1" onclick="setid(this.id)"> 

function setid(id) 
{ 
    document.getElementById('myID').value=id; 
    document.forms[0].submit(); 
}

來源

2011-03-05 16:25:44

將圖像ID傳遞給表單並使用jQuery提交

回答

相關問題