Javascript 条件表：只执行第一个条件，其他2个条件保持空白

我是初学者，我需要知道我做错了什么。我试图创建一个条件表，在选择选项后，将在最后一行生成一个数字。但是只有第一个条件被执行，另外两个条件保持空白。这只是代码的一部分，其中的行将添加不同的参数

SKU发生器 隐形眼镜 类型 -作出选择- 满的 一半 无框

const select=document.querySelector'select'； 变量类型； select.onchange=settype； 函数集类型{ const choice=select.value； 如果选项===“已满”{ 类型='0'； }否则，如果选项==='half'{ 类型='1'； }否则，如果选项===‘无框’{ 类型='2'； }否则{ 典型=； } document.getElementByIddemo1.innerHTML=typ； } 性别 -作出选择- 男性的 女的 男女 通用 孩子们

const select=document.querySelector'select'； var-gen； select.onchange=setgender； 函数集性别{ const choice=select.value； 如果选择==‘男性’{ gen='0'； }否则，如果选择===‘女性’{ gen='1'； }否则，如果选择2==‘中性’{ gen='2'； }否则，如果选择2===‘儿童’{ gen='3'； }否则{ 根=； } document.getElementByIddemo2.innerHTML=gen； }

---

问题是您如何找到选择项

const select = document.querySelector('select');

在这两个脚本中，您都引用了相同的选择。 尝试使用id

const typeSelect = document.querySelector('#type');
const genderSelect = document.querySelector('#gender');

您可以使用getElementById获取select，因为您正在为select分配id

隐形眼镜 类型 -作出选择- 满的 一半 无框

const select=document.getElementById'type'； 变量类型； select.onchange=settype； 函数集类型{ const choice=select.value； ifchoice==“完整”{ 类型='0'； }else ifchoice==“一半”{ 类型='1'； }else ifchoice===“无框”{ 类型='2'； }否则{ 典型=； } document.getElementByIddemo1.innerHTML=typ； } 性别 -作出选择- 男性的 女的 男女 通用 孩子们

const select1=document.getElementById'gender'； var-gen； 选择1.onchange=setgender； 函数集性别{ const choice=select1.value； ifchoice==“男性”{ gen='0'； }else ifchoice==“女性”{ gen='1'； }else ifchoice==‘中性化’{ gen='2'； }else ifchoice===“儿童”{ gen='3'； }否则{ 根=； } 洛根控制台 document.getElementByIddemo2.innerHTML=gen； }

---

离题：你为什么要在JS上这么做？为什么不直接将这些值设置为值attibute？像这样：

-作出选择- 满的 一半 无框 -作出选择- 男性的 女的 男女 通用 孩子们

---

我假设document.getElementByIddemo1.innerHTML=typ；行更多用于记录/调试pupos。

您可以这样提及它：let const=document.querySelector'select'-如果id

---

或者让const=document.getElementById'select'

您在代码中使用了choice2，但我认为它需要选择。有几个小错误：未捕获的语法错误：标识符“select”已经声明，choice2应该是choice2您错了，它们存在。请搜索和