2011-09-18 2 views
9

送信ボタンで画像+テキスト(翻訳用)で構成されたdivを変換します。出来ますか?divを送信ボタンとして使用する

私が提出として画像を使用するために管理しますが、テキストはリンクではありません、それは次の2つの方法でそれを行うことができます全体画像+テキスト

+0

...あなたは非javascriptの方法を探していますか? – Sir

答えて

12

Jqueryの使用。 JavaScriptのみで

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

に「壊れた」感じを与えます。

  1. あなたは、提出型のボタンを使用してdivの上のonClickを追加div
  2. としてのスタイルをCSSを使用し、クリックイベントにフォームを送信することができます。方法2の場合

あなたは、プレーンJSでは、jQueryのを介して、またはなしでそれを行うことができますいずれか

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

トレバーの答えは、jQueryを使ってそれを行う方法を示しています。彼の例で
はちょうどこのように、あなたのdivと、フォームのIDを持つ'div''form'置き換える:

のdivとフォームのIDを指定するために使用されmyDivされ、myFormここ'#myDiv''#myForm'#としてそれらを指定した場合続くstringは要素のidです。

15
<div onclick="document.myform.submit()"></div> 
関連する問題