Question

我有以下html：

<body>
<form action="site1">
    <input type="image" name="submit" border="0" src="images/front/search_travel.png" alt=""  onclick="provider_popup();"/>
</form>

<form  name="frmRight1"  action="site2" target="_blank" >
    <input type="hidden" name="sector_id" id="sector_id" value="90" />
    <input type="submit" style="visibility:hidden;" />
 </form>

 <script type="text/javascript">
 function provider_popup (){
        document.frmRight1.submit();
        return false;
  } 
</script>
</body>

当我提交名为submit的按钮时，我会收到另一个标签，它会加载'site2'

但是这个过程不适用于chrome。

让我知道原因

Answer 1

好的，您还需要阻止图片按钮提交表单。您的函数返回false，但您需要将其返回到onclick，因此问题。这样做：

onclick="return provider_popup();"

我建议你放弃<input type="image">方法，并使用带有onclick属性的纯元素。使您的HTML更简单，即

<body>
    <img src="images/front/search_travel.png" alt="Submit" onclick="provider_popup();" />

    <form  name="frmRight1"  action="site2" target="_blank" >
        <input type="hidden" name="sector_id" id="sector_id" value="90" />
        <input type="submit" style="visibility:hidden;" />
    </form>

     <script type="text/javascript">
     function provider_popup () {
            document.forms['frmRight1'].submit();
      } 
    </script>
</body>

另一种方法是将图像包装在一个锚<a href...中，然后将onclick应用到该锚点。

Answer 2

我遇到了同样的问题。整天带我走就我而言，Chrome的问题在于Chrome阻止了我的操作，并声称Chrome阻止弹出窗口。这是我用来解决这个问题的代码：

/** This is the script that will redraw current screen and submit to paypal. */
echo '<script>'."\n" ;
echo 'function serverNotifySelected()'."\n" ;
echo '{'."\n" ;
echo '    window.open(\'\', \'PayPalPayment\');'."\n" ;
echo '    document.forms[\'paypal_form\'].submit();'."\n" ;
echo '    document.forms[\'server_responder\'].submit();'."\n" ;
echo '}'."\n" ;
echo '</script>'."\n" ;

/** This form will be opened in a new window called PayPalPayment. */
echo '<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" name="paypal_form" method="post" target="PayPalPayment">'."\n" ;
echo '<input type="hidden" name="cmd" value="_s-xclick">'."\n" ;
echo '<input type="hidden" name="custom" value="'.$transaction_start.'">'."\n" ;
echo '<input type="hidden" name="hosted_button_id" value="'.$single_product->hosted_button_id.'">'."\n" ;
echo '<table>'."\n" ;
echo '    <tr>'."\n";
echo '        <td><input type="hidden" name="'.$single_product->hide_name_a.'" value="'.$single_product->hide_value_a.'">Local</td>'."\n" ;
echo '    </tr>'."\n" ;
echo '    <tr>'."\n" ;
echo '        <td>'."\n" ;
echo '        <input type="hidden" name="'.$single_product->hide_name_b.'" value="'.$single_product->hide_value_b.'" />'.$single_product->short_desc.' $'.$adj_price.' USD'."\n" ;
                // <select name="os0">
                //     <option value="1 Day">1 Day $1.55 USD</option>
                //     <option value="All Day">All Day $7.50 USD</option>
                //     <option value="3 Day">3 Day $23.00 USD</option>
                //     <option value="31 Day">31 Day $107.00 USD</option>
                // </select>
echo '        </td>'."\n" ;
echo '    </tr>'."\n" ;
echo '</table>'."\n" ;
echo '<input type="hidden" name="currency_code" value="USD">'."\n" ;
echo '</form>'."\n" ;

/** This form will redraw the current page for approval. */
echo '<form action="ProductApprove.php" name="server_responder" method="post" target="_top">'."\n" ;
echo '<input type="hidden" name="trans" value="'.$transaction_start.'">'."\n" ;
echo '<input type="hidden" name="prod_id" value="'.$this->product_id.'">'."\n" ;
echo '</form>'."\n" ;

/** No form here just an input and a button.  onClick will handle all the forms */
echo '<input type="image" src="https://www.sandbox.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" alt="PayPal - The safer, easier way to pay online!" onclick="serverNotifySelected()">'."\n" ;
echo '<img alt="" border="0" src="https://www.sandbox.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">'."\n" ;

此代码不会显示为Chrome的弹出窗口。它只是一个按钮的代码。按下按钮时，它会将当前屏幕更改为预先批准并打开PayPal要填充的新页面。

我发现如果按下按钮打开新窗口，则Chrome不会将其视为弹出窗口。如果您尝试使用计时器打开该新窗口，则Chrome会将定时窗口打开视为弹出窗口。

Answer 3

document.frmRight1仅适用于某些浏览器。

试

document.forms['frmRight1']代替。

或者为表单id添加<form id="frmRight1" name...，并通过document.getElementById('frmRight1')引用它。

有关document：http://www.w3schools.com/jsref/dom_obj_document.asp

的属性的详情，请参阅此处

Answer 4

替换

document.frmRight1.submit();

带

document.forms["frmRight1"].submit();

Answer 5

好的，您需要同时提交两份表格并不清楚。这很棘手。我发现这样做的唯一方法是引入一个小的等待时间：

<script type="text/javascript">
function provider_popup (){
  document.forms['frmRight1'].submit();
  setTimeout("doPost()", 10);
  return false;
}

function doPost()
{
    document.forms[0].submit();
}  
</script>

javascript表单提交在chrome中不起作用

5 个答案: