ComboBox隐藏并显示div

时间:2014-04-15 04:48:01

标签: javascript jquery html css combobox

我在填充或关于我的javascript响应方面遇到了问题。

我有两个不同的是和。 div#individual代表第一个具有div#地址的表单。而我的第二个div是div#组。我的问题是当我在子类型组合框中选择“个体”时,div#地址工作正常,但是当它涉及子类型组合框中的“组”时,它不像第一个那样响应。我将div#地址设置为相同的类。没工作。

我怎么解决这个问题?

注意:我只对div#individual和div#group使用.hide()和.show()。谢谢!

enter image description here

2 个答案:

答案 0 :(得分:1)

个人地址的输入和群组地址的输入应使用不同的ID和名称。

答案 1 :(得分:0)

以下代码对您有用,请试试吗?

<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>