Javascript jQuery-在选择选项更改时，显示/隐藏DIV

根据

select

列表中选择的选项，我想显示以下div之一：

<div id="field-person">Blah</div>

<div id="field-company">Blah 2</div>

然而，当我选择

person

选项时，什么也没有发生，选择

company

选项也是如此。没有变化，Chrome控制台中没有任何内容。 我已经花了大约一个小时来讨论这个问题了，如果有任何帮助，我将不胜感激，jQuery不是我的强项

---

下面是我正在使用的实际代码的链接：

将if语句更改为：

if (this.value == "person") {
   ...
}

select

元素没有

.checked

属性。因此，

this.checked

返回

undefined

，这将使条件为false

---

将您的if语句更改为：

if (this.value == "person") {
   ...
}

select

元素没有

.checked

属性。因此，

this.checked

返回

undefined

，这将使条件为false

---

我认为您唯一的错误是js中的“.change（）”调用（倒数第二行）。尝试将“}.change（）”更改为“}”）；“@Josh这将立即触发

.change（）

事件。是的，好的。。。不过它确实需要一个分号。它对我有用。@Josh它不需要分号。新行和分号都将分隔语句。如果语句由新行分隔，则分号是可选的。更确切地说，考虑到其他语言，这只是一种很好的做法。不幸的是，您的两种解决方案都不起作用。。。我已经编辑了我的问题，并在底部包含了一个指向JSFIDLE的链接，以及我正在使用的实际代码。尝试在JSFIDLE中运行它，但令人惊讶的是，它在那里也不起作用！任何帮助都将是惊人的！我认为您唯一的错误是在js中调用“.change（）”（倒数第二行）。尝试将“}.change（）”更改为“}”）；“@Josh这将立即触发

.change（）

事件。是的，好的。。。不过它确实需要一个分号。它对我有用。@Josh它不需要分号。新行和分号都将分隔语句。如果语句由新行分隔，则分号是可选的。更确切地说，考虑到其他语言，这只是一种很好的做法。不幸的是，您的两种解决方案都不起作用。。。我已经编辑了我的问题，并在底部包含了一个指向JSFIDLE的链接，以及我正在使用的实际代码。尝试在JSFIDLE中运行它，但令人惊讶的是，它在那里也不起作用！任何帮助都将是惊人的！