javascript - jQuery addClass和removeClass选择一个选项时

我有一个选择字段，在其中有两个选项。如果选择了一个选项，我想从div中添加和删除Classe！

在Firefox上可以正常工作，而不是铬和野生动物园

这是代码：

<label for="priv-firma-select">Bestellen als</label><br />
<select id="priv-firma-select" name="firma-privat">
  <option id="privat">Privatperson</option>
  <option id="firma">Firma</option>
</select>

这是它的jQuery：

$j(document).ready(function() {

    $j("#firma").click(function(){
        $j(".input-company").addClass("show");
        $j(".leweb_button_firma").addClass("hide");
        $j(".leweb_button_privat").removeClass("hide");
    });
    $j("#privat").click(function(){
        $j(".input-company").removeClass("show");
        $j(".leweb_button_privat").addClass("hide");
        $j(".leweb_button_firma").removeClass("hide");

    });

});

最佳答案

问题是因为您要向click元素添加option事件处理程序。对此没有很好的支持。而是将change事件处理程序添加到select并检查选择的值。

还要注意，可以将toggle()与布尔值参数一起使用来显示/隐藏元素，而不是添加或删除类。尝试这个：

var $j = jQuery.noConflict();

$j("#priv-firma-select").change(function() {
  var val = $j(this).val();
  $j('.input-company, .leweb_button_privat').toggle(val == 'firma');
  $j('.leweb_button_firma').toggle(val != 'firma');
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="input-company">input-company</div>
<div class="leweb_button_firma">leweb_button_firma</div>
<div class="leweb_button_privat">leweb_button_privat</div>

<br /><br />
<label for="priv-firma-select">Bestellen als</label><br />
<select id="priv-firma-select" name="firma-privat">
  <option value="privat">Privatperson</option>
  <option value="firma">Firma</option>
</select>

关于javascript - jQuery addClass和removeClass选择一个选项时，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49793498/