Jquery 选择选项更改时隐藏div

我正在尝试显示一个div，直到选择选项更改，现在div只会显示一次，我将选择更改为选项2，然后返回到选项1。 下面是我的代码片段

<select id="selectchange" name="id">
    <option class="1">Show by default</option>
    <option class="2">Hidden</option>
</select>

---

只需创建一个名为hidden的类，并将其指定为opacity=0和visibility=false

然后只需使用jquery根据选项选择来分配和删除类

.hidden{
    Opacity:0;
    Visibility:false;
}

$('div').addClass('.hidden');

$('div').removeClass('.hidden');

---

抱歉，如果格式化看起来有点奇怪，我在用手机

也许这就是你要找的 示例代码如下：

$("#selectchange").on("change",function(){
    var optClass    = $("option:selected", this).attr("class");
    var showthis    = $(".showthistext");

    if(optClass == 1){
        showthis.show();
    }else{
        showthis.hide();
    }
});

---

jsiddle:

请共享包含上述隐藏div的HTML，我认为最初您只需调用$（'.showthisttext'）.show（）；当文件准备好时。非常感谢，我显然把我要做的事情复杂化了。

$("#selectchange").on("change",function(){
    var optClass    = $("option:selected", this).attr("class");
    var showthis    = $(".showthistext");

    if(optClass == 1){
        showthis.show();
    }else{
        showthis.hide();
    }
});