Javascript 基于所选选项的淡入div

我有一个网络表单，它有几个选项。如果一个人选择了某个选项，一个包含更多详细信息的div将淡入该信息。问题是当选择该选项时，div不会淡入。我在表单的另一部分有类似的代码，它工作得很好。我不确定我做错了什么

代码如下：

表单HTML

我的代码中有什么错误？没有抛出错误，div不会淡入

---

注意：我使用的是jQuery 1.8.3

我在html中没有看到

雇主ra jsa

类。我认为您需要添加类或将选择器更改为

。cat\u下拉列表

选择器错误。标记中没有类为

雇主ra jsa

的元素，

雇主ra jsa

是元素的

名称

属性的一部分

$('.cat_dropdown').change(function () {

建议您也可以使用

select

元素的

selectedIndex

属性，而不是使用

.text（）

方法：

$('.cat_dropdown').change(function () {
    if ( $.inArray(this.selectedIndex, [1, 2, 3]) > -1 ) 
        $('.employer-jsa').fadeIn();
    else 
        $('.employer-jsa').fadeOut();
});

---

在select的name属性中有

雇主ra jsa

，它显然是一个类

  <select name="CAT_Custom_265083_93822" id="CAT_Custom_265083_93822" class="cat_dropdown employer-ra-jsa">
    <option value=" ">-- Please select --</option>
    <option value="Employer">Employer</option>
    <option value="Recruitment Agency">Recruitment Agency</option>
    <option value="JSA">JSA</option>
    <option value="Not Applicable">Not Applicable</option>
  </select>

--请选择--
雇主
招聘机构
JSA
不适用

在这一行中，名称属性中有“雇主ra jsa”。它需要位于class属性中：

<select name="CAT_Custom_265083_93822 employer-ra-jsa" id="CAT_Custom_265083_93822" class="cat_dropdown">

---

然后用它代替jQuery选择器。在函数中首先声明var。

我想我已经看了很久代码了。简单的错误。谢谢你的帮助。

  <select name="CAT_Custom_265083_93822" id="CAT_Custom_265083_93822" class="cat_dropdown employer-ra-jsa">
    <option value=" ">-- Please select --</option>
    <option value="Employer">Employer</option>
    <option value="Recruitment Agency">Recruitment Agency</option>
    <option value="JSA">JSA</option>
    <option value="Not Applicable">Not Applicable</option>
  </select>

<select name="CAT_Custom_265083_93822 employer-ra-jsa" id="CAT_Custom_265083_93822" class="cat_dropdown">

var $employerJsa = $('.employer-jsa');