jquery/javascript发表新视图时按下预览按钮

Question

我想要一个有两个按钮的窗体，提交&预览，预览按钮应该打开一个新的窗口，输入区域中的文本我该如何发生这种情况？

<form method='post'> 
//input 
<input type='text' name='headline' id='headline' /> 
<textarea name='content' id='content'></textarea> 
//buttons 
<input type='submit' id='btnsubmit' value='submit' /> 
<input type='submit' id='btnpreview' value='preview' /> 
</form> 

我不能在形式上target'_blank”因为我有两个按钮，只有一个应在新窗口中打开，我想这jQuery中进行。有人可以帮忙。

Answer 1

可以改变的onclick表单的目标：

<input type='submit' onclick="this.form.removeAttribute('target')" id='btnsubmit' value='submit' /> 
<input type='submit' onclick="this.form.setAttribute('target','_blank')" id='btnpreview' value='preview' /> 

但是：这个问题，我觉得马塞尔喜欢的是第一点：一旦你点击了预览按钮 ，目标是设置为_blank。如果您现在在<input>上执行[输入]，目标将不会被重置为默认目标，它将保持_blank，这不是期望的行为。

可以解决这个问题，例如这样：

<form onsubmit="document.getElementById('btnsubmit').click();return false;"> 
//input 
<input type='text' name='headline' id='headline' /> 
<textarea name='content' id='content'></textarea> 
//buttons 
<input type='submit' onclick="this.form.removeAttribute('target');this.form.submit();return false;" id='btnsubmit' value='submit' /> 
<input type='submit' onclick="this.form.setAttribute('target','_blank');this.form.submit();return false;" id='btnpreview' value='preview' /> 
</form> 

Answer 2

如果你想的形式张贴到一个新的窗口，你需要向设置窗体的目标。您可以设定目标为每个按钮：

$(function(){ 
    $('#btnsubmit').click(function(){ 
    this.form.target = ''; 
    }); 
    $('#btnpreview').click(function(){ 
    this.form.target = '_blank'; 
    }); 
});