表单下拉选择链接
Form Dropdown Select Link
我有一个选择下拉列表,一旦用户指定了我希望它在2个URL的新选项卡中链接的品牌。我该怎么做呢?最好是为提交做onclick事件,然后通过选择运行一个带有"if and else"的函数。。有什么建议吗?这是我当前的代码。
<fieldset>
<legend><span class="number">1</span>Select a Brand</legend>
<label for="Brand">Brand:</label>
<select id="brandSelect" name="brand_select">
<optgroup label="Grills">
<option value="http://site1.com", "http://site1A.com">DCS</option>
<option value="http://site2.com", "http://site2A.com">Alfresco</option>
<option value="http://site3.com", "http://site3A.com">Viking</option>
<option value="http://site4.com", "http://site4A.com">Fire Magic</option>
<option value="http://site5.com", "http://site5A.com">Lynx</option>
<option value="http://site6.com", "http://site6A.com">Coyote</option>
</optgroup>
</select>
</fieldset>
<button type="submit">Sign Up</button>
<script type="text/javascript">
var urlmenu = document.getElementById( 'brandSelect' );
urlmenu.onchange = function() {
window.open( this.options[ this.selectedIndex ].value );
};
</script>
假设您有两个URL作为选项值,例如:
<label for="Brand">Brand:</label>
<select id="brandSelect" name="brand_select">
<optgroup label="Grills">
<option value="http://site1.com http://site1A.com">DCS</option>
<option value="http://site2.com http://site2A.com">Alfresco</option>
<option value="http://site3.com http://site3A.com">Viking</option>
</optgroup>
</select>
您可以通过拆分value
来提取这两个URL,然后为每个URL打开一个窗口/选项卡。类似的东西
<script type="text/javascript">
var urlmenu = document.getElementById( 'brandSelect' );
urlmenu.onchange = function() {
var urls = this.options[ this.selectedIndex ].value.split(' ');
urls.forEach( function(url) {
window.open( url /*, '_blank'*/); // add a window name if desired
});
};
</script>
使用窗口所需的任何参数。打开(…)
window.open( this.options[ this.selectedIndex ].value, "window_"+Math.round(Math.random()*9999) );
给每个窗口一个唯一的名称就可以了。http://jsfiddle.net/qx2ppssn/
尝试定义窗口名称:
该代码用于生成从0到10000的随机数字
Math.round(Math.random()*10000)
串联随机化数字和单词"window"作为名称,如"window777",uniq用于每次调用事件处理程序函数。
"window"+Math.round(Math.random()*10000)
由于每个调用的名称都是uniq,方法window.open将创建新窗口(在当前情况下为选项卡)
窗口中的加载项。打开调用
window.open( this.options[ this.selectedIndex ].value, "window"+Math.round(Math.random()*10000));
这都是
相关文章:
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- 如何利用多链接延迟检查并显示ping结果,然后使用JavaScript选择最快的URL
- 传单:如何在弹出窗口中创建链接选择器
- 使用jquery.chained.min.js链接选择不起作用
- 链接选择的问题
- jQuery UI链接选择菜单.单击按钮时窗体将重置
- 在链接选择上使用jQuery添加/删除类
- 下拉列表中的链接选择不起作用的IE8 / 9打开下拉选择链接,警报有效
- CKEditor + 插件链接选择框
- 单击“链接”选择值并提交表单
- 带有jquery/php/database的链接选择框不起作用
- 使用KnockoutJS链接选择列表
- 由于某种原因,Jquery链接选择器不起作用
- 链接选择的选择
- JQuery /脏表单/窗口.Onbeforeunload仅在链接选择后触发
- 用Angular JS链接选择
- 如何在没有jQuery的情况下在Javascript中链接选择器
- 如何设置多链接选择按钮的样式
- 具有多个数组的链接选择框
- 链接选择与Cakephp和ajax