在html中按钮链接网页6,如何将提交按钮与使用javascript在html中创建的OPTION LIST链接...

我正在开发一个网页,其中有一个依赖下拉列表。其中第一个列表包含5个状态,第二个包含该州内的城市。我使用下面显示的脚本链接了两个下拉列表。

我可以将提交按钮链接到第二个从属下拉列表中,当列表中选择了一个选项并单击提交按钮时,它应该打开另一个页面,而当选择另一个选项并单击提交按钮时它应该打开其他页面。

基本上我希望每个选项在点击提交按钮时打开一些链接的页面。

通过搜索,我明白,我必须使用php / javaquery这个,但我没有得到适当的代码。

我不希望提交按钮仅打开1个特定页面。相反,我希望它打开对应于所选不同选项的6个不同页面。

如果是的话,我应该使用什么代码,因为第二个列表不在(使用javascript)创建的代码中:

function configureDropDownLists(ddl1,ddl2) {

var goa = ['GOA ASF', 'Goa LPG Plant', ];

var maharashtra = ['AKOLA IRD', 'AURANGABAD LPG PLANT','WADALA I TERMINAL'];

var rajasthan = ['AJMER LPG PLANT ','AJMER TERMINAL','UDAIPUR RRO'];

var gujrat = ['AHMEDABAD NWZ LPG ', 'AHMEDABAD NWZ RETAIL','VADODARA IRD '];

var madhyapradesh =['BAKANIA RIL', 'BHOPAL DSRO', 'BHOPAL RRO'];//this is my dependent list. i want these options to have links.

switch (ddl1.value) {

case 'Goa':

ddl2.options.length = 0;

for (i = 0; i < goa.length; i++) {

createOption(ddl2, goa[i], goa[i]);

}

break;

case 'Maharashtra':

ddl2.options.length = 0;

for (i = 0; i < maharashtra.length; i++) {

createOption(ddl2, maharashtra[i], maharashtra[i]);

}

break;

case 'Rajasthan':

ddl2.options.length = 0;

for (i = 0; i < rajasthan.length; i++) {

createOption(ddl2, rajasthan[i], rajasthan[i]);

}

break;

case 'Gujrat':

ddl2.options.length = 0;

for (i = 0; i < gujrat.length; i++) {

createOption(ddl2, gujrat[i], gujrat[i]);

}

break;

case 'MadhyaPradesh':

ddl2.options.length = 0;

for (i = 0; i < madhyapradesh.length; i++) {

createOption(ddl2, madhyapradesh[i], madhyapradesh[i]);

}

break;

default:

ddl2.options.length = 0;

break;

}}

function createOption(ddl, text, value) {

var opt = document.createElement('option');

opt.value = value;

opt.text = text;

ddl.options.add(opt);

}

SELECT A STATE:

Goa

Maharashtra

Rajasthan

Gujrat

MadhyaPradesh

这是我的设计代码!

当我在第一个下拉列表中选择goa时,我通过编写的代码获取goa在第二个依赖下拉列表中的位置(例如:Goa Asf)。

但我想要它做的是当我点击一个选项(例如:果阿Asf)并点击提交按钮它将打开一个页面“http:”,而当我选择其他选项时,它会选择另一个页面。

我知道如何链接在HTML中设计的正常下拉列表与提交button.bt我不知道如何连接由提交按钮创建的JavaScript列表。

请帮助我的代码,并告诉我如何做到这一点。

这是我用于链接常规下拉列表和选项按钮的代码。这个用于其他一些网页的。

我想用相同的上面的代码做到这一点

$('#link').on('submit', function (e) {

e.preventDefault();

var $form = $(this),

$select = $form.find('select'),

links = $select.val();

if (links.length > 0) {

for (i in links) {

link = links[i];

window.open(link);

}

}

});如果你知道,请告诉我的代码。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值