Javascript 从单个下拉框中选择多个选项和值

我正在处理一个具有多个下拉选项的表单

为了说明我的问题，我将所有问题简化为以下三个问题

我已经尝试过这段代码（以及一些变体）：

函数更新变量（el、标准值、变量列表）{
标准值=变量列表[el.getElementsByTagName（'option'）[el.selectedIndex].value]；
}
var select2=document.getElementById（'think_question'），
hidden_answer=document.getElementsByName（'think_goes_here'）[0]；
var为什么_选项={
“是的”：“，
“没有”：嗯，你试过了
};
选择2.addEventListener（'change'，function（））{
更新变量（选择2，隐藏答案，为什么选项）；
});
var sel_group_control=document.getElementById（'follower_question'）；
var sel_free_will=document.getElementById（'think_question'）；
选择组控制。添加的监听器（“更改”，应答旁路）；
函数应答_旁路（）{
var user\u choice=sel\u group\u control.value；
如果（用户_选项==='no'）{
sel_free_will.selectedIndex=2；
sel_free_will.style.backgroundColor=“#d3”；
sel_free_will.disabled=真；
}
}

生命决策
和其他人一模一样？
--选择一个选项--
对
不

你自己想想？
--选择一个选项--
对
不

原创思想：

您需要注册一个事件来触发第二次选择更改

像这样：

功能应答\u旁路（）{
var user\u choice=sel\u group\u control.value；
如果（用户_选项==='no'）{
sel_free_will.selectedIndex=2；
sel_free_will.style.backgroundColor=“#d3”；
sel_free_will.disabled=真；
//创建新的“更改”事件
var事件=新事件（“变更”）；
//快去。
选择2.dispatchEvent（事件）；
}
}

这当然有效，谢谢！创建一个事件并发送它，对我来说很有意义。