2011-09-18 61 views
9

我想在提交按鈕中轉換由圖像+文本組成的div(用於翻譯)。可能嗎?使用div作爲提交按鈕

我設法將圖像用作提交,但文本不是一個鏈接,它給出了一個「破」的感覺整個圖像+文字

+0

只有用JavaScript ...你尋找一個非JavaScript方法? – Sir

回答

12

Jquery的用法。

$('div').click(function() { 
    $('form').submit(); 
}); 
8

你可以做到這兩種方式。

  1. 您可以使用類型的按鈕提交,並使用CSS樣式它作爲一個div
  2. 在DIV上添加一個onClick,並提交上的click事件的形式。

對於方法2,你可以做到這一點通過jQuery的或不,隨着純JS

<script> 
    function submitOnClick(formName){ 
     document.forms[formName].submit(); 
    } 
</script> 
<form id="myForm" ...> 
    .... 
    <div onclick="submitOnClick('myForm')> 
     ... 
    </div> 
    ... 
</form> 

特雷弗的回答顯示瞭如何用jQuery做。
在他的榜樣只需更換'div''form'與股利和形式的ID,因爲這:

如果DIV和形式的IDS是myDivmyForm它們指定爲'#myDiv''#myForm',這裏#用於指定的以下字符串是元素的ID。

15
<div onclick="document.myform.submit()"></div>