该表单应该转到下一个并打开另一个弹出窗口。我还将其传递给两个页面的表单数据。
我遇到的问题是弹出窗口在所有浏览器中显示,除了IE。它不断被IE中的弹出式阻滞剂所阻挡。我需要弹出窗口显示而不会被阻止。
<script language="javascript">
function myChangeHandler() {
var form = document.getElementById('TheForm');
form.method = 'POST';
form.action = 'https://test.com/page1';
form.target = 'window_1';
window.open('', 'window_1','fullscreen=1,scrollbars=1');
this.form.submit();
var state_ac = document.getElementById('stateDrop');
var state_dd = state_ac.options[state_ac.selectedIndex].value;
window.location = 'https://test.com/page2';
}
</script>
<form id="TheForm" action="https://test.com/page2" method="post">
<select id="stateDrop" name="state" size="1" onchange="myChangeHandler.apply(this)">
<option value="null" selected="selected" style="color:#b3b3b3">- Select Your State -</option>
<option value="AL" class="others">Alabama</option>
<option value="AK" class="others">Alaska</option>
<option value="AZ" class="others">Arizona</option>
</select>
<input id="featured-image-right-button" type="image" src="<?php bloginfo('template_url'); ?>/images/featured-image-right-button.png" alt="" disabled="disabled" />
</form>
编辑:在此处请参见此处的示例,当选择该选项时,弹出窗口可在其他浏览器中工作,但弹出窗口在IE中被阻塞。单击按钮时,它可以在IE中工作正常,但是选择选项时弹出窗口被阻止http://jsfiddle.net/uyeq3/
编辑:Internet Explorer Blocks Onchange事件从弹出窗口中进行了切换事件,您可以在用户单击按钮时执行操作,这将允许弹出窗口通过阻止器。
<input type="button" value="Change Country" onclick="myChangeHandler();return false;"/>