Javascript 无法在选择特定选项时使用jquery显示div

这在头标签上

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

这是在身体里

<select name="product" id="product">
<option value="1">Select Your Product</option>    
<option value="2">On Grid</option>
<option value="3">Off Grid</option>
<option value="4">Solar Water Pump [Irrigation]</option>    
<option value="5">Solar Water Heater </option>    
<option value="6">Online UPS </option>    
<option value="7">Residential UPS</option>
<option value="8">Generator Replacement Lifts Inverter </option>
<option value="9">Energy Efficient LED'S </option>
<option value="10">Powerplant IMC Leizning with ESCOMs</option>
<option value="11">Online UPS Installation </option> 
    </select>
 <input type="file" name="file_attach[]"  />

选择您的产品
上网
离网
太阳能水泵[灌溉]
太阳能热水器
在线UPS
住宅UPS
发电机更换提升逆变器
节能LED
带ESCOM的动力装置IMC莱兹宁
在线UPS安装

这是我保存在身体外面的脚本

      <script type="text/javascript">
  $(document).ready(function() {
    $("#product").change(function() {

      if ($("#product option[value='2']").attr('selected')) {
         $('.file_attach').css('display','block');

      }
        else{
        $('.file_attach').css('display','none');
        }
    }); 
  });
</script>

$（文档）.ready（函数（）{
$（“#产品”）。更改（功能（）{
if（$（“#产品选项[value='2']”）attr（'selected'））{
$（'.file_attach'）.css（'display'，'block'）；
}
否则{
$（'.file_attach'）.css（'display'，'none'）；
}
}); 
});

当我选择一个问题时，它是隐藏的

---

用于获取所选值

$("#product").change(function () {
    if ($(this).val() == "2") {
        $('.file_attach').css('display', 'block');
    } else {
        $('.file_attach').css('display', 'none'); 
    }
});

并将该类添加到元素中

<input type="file" name="file_attach[]" class="file_attach" />

。文件\u附加{
显示：无
}

选择您的产品
上网
离网
太阳能水泵[灌溉]
太阳能热水器
在线UPS
住宅UPS
发电机更换提升逆变器
节能LED
带ESCOM的动力装置IMC莱兹宁
在线UPS安装

用于获取所选值

$("#product").change(function () {
    if ($(this).val() == "2") {
        $('.file_attach').css('display', 'block');
    } else {
        $('.file_attach').css('display', 'none'); 
    }
});

并将该类添加到元素中

<input type="file" name="file_attach[]" class="file_attach" />

。文件\u附加{
显示：无
}

选择您的产品
上网
离网
太阳能水泵[灌溉]
太阳能热水器
在线UPS
住宅UPS
发电机更换提升逆变器
节能LED
带ESCOM的动力装置IMC莱兹宁
在线UPS安装

您需要将类添加到输入字段：

<input type="file" name="file_attach[]" class="file_attach" />

---

您需要将类添加到输入字段：

<input type="file" name="file_attach[]" class="file_attach" />

试试这个

选择您的产品
上网
离网
太阳能水泵[灌溉]
太阳能热水器
在线UPS
住宅UPS
发电机更换提升逆变器
节能LED
带ESCOM的动力装置IMC莱兹宁
在线UPS安装
$（文档）.ready（函数（）{
$（“#产品”）。更改（功能（）{
如果（$（“#产品”）.val（）=“2”）{
$（'.file_attach'）.css（'display'，'block'）；
}
否则{
$（'.file_attach'）.css（'display'，'none'）；
}
}); 
});

试试这个

选择您的产品
上网
离网
太阳能水泵[灌溉]
太阳能热水器
在线UPS
住宅UPS
发电机更换提升逆变器
节能LED
带ESCOM的动力装置IMC莱兹宁
在线UPS安装
$（文档）.ready（函数（）{
$（“#产品”）。更改（功能（）{
如果（$（“#产品”）.val（）=“2”）{
$（'.file_attach'）.css（'display'，'block'）；
}
否则{
$（'.file_attach'）.css（'display'，'none'）；
}
}); 
});

3更改：

使用

.val（）

函数获取选定元素的值

将

文件\u Attach

类附加到输入元素

最初隐藏输入

$（文档）.ready（函数（）{
$（“#产品”）。更改（功能（）{
如果（$（“#产品”）.val（）=“2”）{
$（'.file_attach'）.css（'display'，'block'）；
}否则{
$（'.file_attach'）.css（'display'，'none'）；
}
});
});

选择您的产品
上网
离网
太阳能水泵[灌溉]
太阳能热水器
在线UPS
住宅UPS
发电机更换提升逆变器
节能LED
带ESCOM的动力装置IMC莱兹宁
在线UPS安装
3更改：

使用
.val（）
函数获取选定元素的值
将
文件\u Attach
类附加到输入元素
最初隐藏输入

$（文档）.ready（函数（）{
$（“#产品”）。更改（功能（）{
如果（$（“#产品”）.val（）=“2”）{
$（'.file_attach'）.css（'display'，'block'）；
}否则{
$（'.file_attach'）.css（'display'，'none'）；
}
});
});

选择您的产品
上网
离网
太阳能水泵[灌溉]
太阳能热水器
在线UPS
住宅UPS
发电机更换提升逆变器
节能LED
带ESCOM的动力装置IMC莱兹宁
在线UPS安装
如何将css添加到输入类型=文件如何将css添加到输入类型=文件