このようなフォームがあります。
index.php
<form method="post" action="send.php">
<textarea name="msg" id="msg"></textarea>
<input type="submit" value="Send" />
</form>
そのため、textareaに何かを入力して"Send"をクリックすると、"send.php"のページに送信されます。しかし、私はそれをプレビューするための別のボタンを含めたいと思います。つまり、このボタンがクリックされると、上記のフォームは"preview.php"に送信され、新しい空のウィンドウ/タブで開かれます(元のページつまりindex.phpはそのまま存在します)。これは、ユーザが送信しようとしているメッセージのプレビューを表示するためのものです。
どうすればいいのかわかりません。
フォームにID(form1)を付けます。現在のフォームの動作は、このように制御できます。
function setPreview() {
$('#form1').attr('target','_blank')
$('#form1').attr('action','http://yourpreviewurl.php')
$('#form1').submit()
}
function setSubmit() {
$('#form1').attr('target','')
$('#form1').attr('action','http://yourposturl.php')
$('#form1').submit()
}
setPreviewを呼び出すボタンとsetSubmitを呼び出すボタンの2つを用意します。