Javascript 如何使用带有值的id选择选项，以动态选择另一个选项值

var选择器；
$（文档）.ready（函数（）{
$（'#DropDownList1'）。更改（函数（）{
//隐藏共享CSS类“toggledDropDown”的所有下拉列表。
$（'.toggledDropDown'）.hide（）；
//为所选下拉列表生成选择器
选择器=（'#'+$（this.val（））；
//显示所选下拉列表
$（选择器）.show（）；
});
});
$（文档）.ready（函数（）{
$（选择器）.更改（函数（）{
//var Link=$（选择器）.val（）；
//$（“#提交”）。单击（函数（）{
//窗口。打开（链接，“空白”）；
//警报（选择器）；
var Link=（选择器+$（this.val（））；
窗口。打开（链接，“空白”）；
警报（链接）；
});
});

.toggledDropDown
{
显示：无；/*隐藏可选下拉列表*/
}

挑选
维斯托酒店
跨国公司和受训人员
埃斯图丹特酒店
绿卡
特拉巴略别墅
投资展望


VISTO B1 NEGOCIO
维斯托B2旅游酒店


成对
练习生
INTERN
营地顾问
夏令营
暑期工作


F-1 PARA CURSOS COMPLETOS
M-1技术辅助计划
J-1第二部分
J-1埃斯图坦特EM大学
​

EB-1绿卡
EB-2绿卡
EB-3绿卡
EB-3绿卡
EB-5绿色卡
​

H1B TRABALHO资格证书
H2A TRABALHO EM AGRICULTURA
H2B临时性小梁桥
L1A TRANSFERENCIA内部公司
L1B TRANSFERENCIA内部公司
暑期工作
​

维斯托E-2塔塔多酒店
VISTO EB-5投资公司
​

在按钮单击事件上，获取第一个选择框的值，然后使用该值获取相应选择框的值。然后使用该值重定向页面

$('#Submit').click(function(e){
    e.preventDefault();
    window.location.replace($('#' + $('#DropDownList1').val()).val());
});

---

首先-你没有关闭你的

标签。另外，我对你的代码做了一些改动，使其更具功能性（如果我理解你的意图的话）。试试看，希望这就是你想要的

$('.toggledDropDown').parent('li').hide();  //Hide sub-dropdown menus until initial dropdown is selected

//On change of initial select
$('#DropDownList1').change(function() {
  $('.toggledDropDown').parent('li').hide();    //Hide any open sub-dropdown menus
  var id = $(this).val();   //Get value from initial dropdown for sub-dropdown ID
  $('#' + id).parent('li').show();  //Show corresponding sub-dropdown menu
});

$('#Submit').click(function() {
  var link = $('#' + $('#DropDownList1').val()).val();
  window.open(link);
});