Javascript jquery在chrome中的选择标记上单击“不工作”

我的代码中的jquery单击有问题。我的代码是：

        <script>
        $(document).ready(function(){
          $("#hide").click(function(){
            $(".mapg").hide();
          });
          $("#show").click(function(){
            $(".mapg").show();
          });
        });
    </script>

    <select name="showmapg" id="showmapg" class="form-control" required>
        <option value="0">Select</option>
        <option id="show" value="1">Yes</option>
        <option id="hide" value="2">No</option>
    </select>

    <p class="mapg" style="display: none;">Hello</p>

$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“.mapg”）.hide（）；
});
$（“#显示”）。单击（函数（）{
$（“.mapg”）.show（）；
});
});
挑选
对
不
您好

---

我的代码在firefox中可用，但在chrome中不可用。如何操作？

您应该注册单击事件以选择元素本身，而不是其选项

让它尽可能简单。试试这个

$（文档）.ready（函数（）{
$（“#showmappg”）.change（function（）{//或.click（function（））{
如果（this.value==2）{
$（“.mapg”）.hide（）；
}else{//如果您不想在选择选项时发生任何事情，请使用else if
$（“.mapg”）.show（）；
}
});
})；

挑选
对
不
Hello

您应该注册单击事件以选择元素本身，而不是其选项

尽可能简单。试试这个

$（文档）.ready（函数（）{
$（“#showmappg”）.change（function（）{//或.click（function（））{
如果（this.value==2）{
$（“.mapg”）.hide（）；
}else{//如果您不想在选择选项时发生任何事情，请使用else if
$（“.mapg”）.show（）；
}
});
})；

挑选
对
不
Hello

您应该注册单击事件以选择元素本身，而不是其选项

尽可能简单。试试这个

$（文档）.ready（函数（）{
$（“#showmappg”）.change（function（）{//或.click（function（））{
如果（this.value==2）{
$（“.mapg”）.hide（）；
}else{//如果您不想在选择选项时发生任何事情，请使用else if
$（“.mapg”）.show（）；
}
});
})；

挑选
对
不
Hello

您应该注册单击事件以选择元素本身，而不是其选项

尽可能简单。试试这个

$（文档）.ready（函数（）{
$（“#showmappg”）.change（function（）{//或.click（function（））{
如果（this.value==2）{
$（“.mapg”）.hide（）；
}else{//如果您不想在选择选项时发生任何事情，请使用else if
$（“.mapg”）.show（）；
}
});
})；

挑选
对
不
你好，你的代码是：

<script>
    $(document).ready(function(){
      $("#showmapg").change(function(){
        if($(this).val()==1){
          $('.mapg').show();
        }
        else if($(this).val()==2){
          $('.mapg').hide();
        }
      });
    });
</script>


$（文档）.ready（函数（）{
$（“#showmappg”）.change（函数（）{
if（$（this）.val（）==1）{
$（'.mapg'）.show（）；
}
else if（$（this）.val（）==2）{
$（'.mapg'）.hide（）；
}
});
});
您的代码应该是：

<script>
    $(document).ready(function(){
      $("#showmapg").change(function(){
        if($(this).val()==1){
          $('.mapg').show();
        }
        else if($(this).val()==2){
          $('.mapg').hide();
        }
      });
    });
</script>


$（文档）.ready（函数（）{
$（“#showmappg”）.change（函数（）{
if（$（this）.val（）==1）{
$（'.mapg'）.show（）；
}
else if（$（this）.val（）==2）{
$（'.mapg'）.hide（）；
}
});
});
您的代码应该是：

<script>
    $(document).ready(function(){
      $("#showmapg").change(function(){
        if($(this).val()==1){
          $('.mapg').show();
        }
        else if($(this).val()==2){
          $('.mapg').hide();
        }
      });
    });
</script>


$（文档）.ready（函数（）{
$（“#showmappg”）.change（函数（）{
if（$（this）.val（）==1）{
$（'.mapg'）.show（）；
}
else if（$（this）.val（）==2）{
$（'.mapg'）.hide（）；
}
});
});
您的代码应该是：

<script>
    $(document).ready(function(){
      $("#showmapg").change(function(){
        if($(this).val()==1){
          $('.mapg').show();
        }
        else if($(this).val()==2){
          $('.mapg').hide();
        }
      });
    });
</script>


$（文档）.ready（函数（）{
$（“#showmappg”）.change（函数（）{
if（$（this）.val（）==1）{
$（'.mapg'）.show（）；
}
else if（$（this）.val（）==2）{
$（'.mapg'）.hide（）；
}
});
});
单击事件对选项元素无效。请使用选择的
.change（）
事件显示/隐藏元素：

$('#showmapg').change(function(){
  if($(this).val()=="1")
    $(".mapg").show();
  else
    $(".mapg").hide();
 });

单击事件对选项元素无效。请使用选择的
.change（）
事件显示/隐藏元素：

$('#showmapg').change(function(){
  if($(this).val()=="1")
    $(".mapg").show();
  else
    $(".mapg").hide();
 });

单击事件对选项元素无效。请使用选择的
.change（）
事件显示/隐藏元素：

$('#showmapg').change(function(){
  if($(this).val()=="1")
    $(".mapg").show();
  else
    $(".mapg").hide();
 });

单击事件对选项元素无效。请使用选择的
.change（）
事件显示/隐藏元素：

$('#showmapg').change(function(){
  if($(this).val()=="1")
    $(".mapg").show();
  else
    $(".mapg").hide();
 });

是的，我同意，这就是为什么我在那里添加了一条评论，无论如何，让我更新我的答案。是的，我同意，这就是为什么我在那里添加了一条评论，无论如何，让我更新我的答案。是的，我同意，这就是为什么我在那里添加了一条评论，无论如何，我让我更新我的答案。