Javascript 组合框隐藏和显示div

我的javascript在填充或响应方面有问题

我有两个不同的名字，分别是和。div#individual表示第一个具有div#地址的表单。我还有我的第二个部门，即部门组。我的问题是，当我在子类型组合框中选择“个人”时，div#address工作得很好，但在子类型组合框中选择“组”时，它的响应与第一个不一样。我将div#address设置为同一个类。没用

我怎么能解决这个问题

注意：我只是对div#个人和div#组使用.hide（）和.show（）。谢谢

---

个人地址输入和团体地址输入应使用不同的id和名称

下面的代码对你很有用，请尝试一下

<script id="main" type="text/javascript"> 
    $(document).ready(function() 
    {
    var val=$("#selectid option:selected").text();
      if(val == "Internet")
      {
        $("#new1").show();
        $("#new2").hide();

      }
      else if(val == "Media")
      {
        $("#new1").hide(); 
        $("#new2").show();

      }    
    $('#selectid').change(function()
    {      
    var val=$(this).val();

        $("#internet").val('');
        $("#media").val('');

      if(val == "Internet")
      {
        $("#new1").show();
        $("#new2").hide();
      }
      if(val == "Media")
      {
        $("#new1").show();
        $("#new2").hide();
      }
    val = "";

    });
    });
    </script>

$（文档）.ready（函数（）
{
var val=$（“#selectid选项：选定”）.text（）；
如果（val==“互联网”）
{
$（“#new1”）.show（）；
$（“#new2”）.hide（）；
}
否则如果（val==“媒体”）
{
$（“#new1”）.hide（）；
$（“#new2”）.show（）；
}    
$（'#selectid'）。更改（函数（）
{      
var val=$（this.val（）；
$（“#互联网”）.val（“”）；
$（“#媒体”）.val（“”）；
如果（val==“互联网”）
{
$（“#new1”）.show（）；
$（“#new2”）.hide（）；
}
如果（val=“媒体”）
{
$（“#new1”）.show（）；
$（“#new2”）.hide（）；
}
val=”“；
});
});

不工作。所发生的事情是我设置到第th div的“Town或city”的任何内容。个人组合框是在div组中被调用或设置的组合框。因为他们使用相同的类和相同的id。