我正在开发一个网页,其中有一个依赖下拉列表。其中第一个列表包含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);
}
}
});如果你知道,请告诉我的代码。