Dom 使用js将选项列表的当前值作为目标，并将该值添加到对象中？

HTML

纽约
洛杉矶
多伦多
巴黎

JS

让selectedOption={}；
让allOptions=document.getElementById（'all-options'）；
让optionValue=allOptions.options[所有选项.selectedIndex].value；
如果（选项值=“0”）{
selectedOption.value==“0”
}else if（选项值==“1”）{
selectedOption.value==“1”
}否则，如果（选项值==“2”）{
selectedOption.value==“2”
}否则如果（选项值==“3”）{
selectedOption.value==“3”
};

我正在尝试使用JS以HTML文件中选项列表元素的当前值为目标，以便将该值添加到selectedOption对象中。该值可以作为字符串或数字对象添加。

定义事件侦听器 您需要在

中定义一个事件侦听器。例如：

选择项（evt）上的函数 { 让value=evt.target.selectedOptions[0]。value； 让text=evt.target.selectedOptions[0]。text； //在此处指定您想要的方式： 选择选项=值； } 你不能真的“推”到一个物体上。如果您指的是数组，请将所选选项更改为数组（

[]

），然后执行

选择选项。按（值）

。但是，如果您想要一个有用的对象，可以将其分配给

evt.target.selectedOptions[0]

附加侦听器 之后，您可以在html中附加它，并通过默认的

event

变量传递事件对象：

纽约
洛杉矶
多伦多
巴黎

当页面加载时（通过将

中的

onload

属性设置为

“init（）”

），可以加载一个或多个Javascript：

函数init（）
{
让menu=document.getElementById（'all-options'）；
menu.addEventListener（'change'，onSelectItem）；
//因为当
//页面加载时，您可能还应该将“selectedOption”初始化为“0”。
selectedOptions=菜单。selectedOptions[0]。值；
}

您的问题还不清楚-您的预期输出是什么？谢谢您的评论。我有一个下拉菜单，我想安排我的JS，这样如果我选择LA，我想将“1”的值推送到object selectedOption，依此类推。