ボタンのonclick、私は、フォームの結果を電子メールを開くボタンを持っている</p> <p>、Javascriptのクエリ

こんにちは、誰もが私が間違ってやっているかを見ることができれば、私は不思議では動作しませんボタンのonclick、私は、フォームの結果を電子メールを開くボタンを持っている</p> <p>、Javascriptのクエリ

私は私がすべての

でボタンの仕事をすることはできませんが、テキストリンク

<a href="javascript:doMailTo(' ');">Click here to email </a>

としてそれを行う場合、それが正常に動作することができます3210

私はバリエーションを持って遊んできましたが、うまくいかない！

リンクとボタンはすぐ隣にあることができ、ボタンがないときはテキストリンクが機能します。

誰かが間違っているのを誰でも見ることができますか？

機能自体は

<script> 
function doMailTo(addr) { 
    location.href = "mailto:" + addr + "?subject=Flight Itinerary&body=" + 
      encodeURI(document.getElementById('p3').textContent); 
} 
</script>

され、それがローカルシステム上で、このためのヘッダ

出典

2017-09-28 willmadd

doMailTo関数宣言を投稿できますか？ – Burimi

が質問にそれを追加しました、歓声 – willmadd

onclick関数呼び出しでイベントオブジェクトを渡すことができます。その後、あなたの関数の定義でそれを防止する –

フォームのボタンのデフォルトはtype="submit"です。このボタンをクリックすると、フォームが送信されます。 type="button"を指定します。

<button type="button" onclick="doMailTo(' ');" value="toEmail">Send to Email</button>

出典

2017-09-28 20:45:58 zord

これはボタンがフォーム内にある場合にのみ発生します。 – Barmar

はい。私はそれがだと思った。しかし、もう一度質問を読んで、私はそれが指定されていないと思う。 – zord

はい、ボタンがフォームにあります。申し訳ありませんが、明確ではありませんでした！しかし、これは助けになったようです！ありがとう – willmadd

てみてくださいに位置し：

これはあなた


 

 

 
$(document).ready(function() { 
 
    $('#bt1').click(function() { 
 
     $('#fr1').attr('action', 
 
         'mailto:[email protected]?subject=' + 
 
         $('#tb1').val() + '&body=' + $('#tb2').val()); 
 
     $('#fr1').submit(); 
 
    }); 
 
});

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
</head> 
 
<body> 
 
<form id="fr1"> 
 
    <input type="text" id="tb1" /> 
 
    <input type="text" id="tb2" /> 
 
    <input type="button" id="bt1" value="click" /> 
 
</form> 
 

 
</body> 
 
</html>

のために動作します可能性があり

出典

2017-09-28 20:33:04

彼はjQueryではなくプレーンなJavascriptを使用しています。 – Barmar

ボタンのonclick、私は、フォームの結果を電子メールを開くボタンを持っている</p> <p>、Javascriptのクエリ

答えて

関連する問題