在更改选择字段时显示隐藏的div

时间:2015-03-20 21:54:52

标签: javascript jquery html css

我有一个ID为#dailywardentry-ipd_patient_id的select字段和一个id为id的类div <div id ="div2" class="hidden">

我也在使用CSS来保持div在加载时隐藏 喜欢 .hidden { display: none; } 我正在使用此函数显示上面选择字段更改的div。 div在加载时隐藏,但应该在更改时显示。

<script type="text/javascript">
    $(function(){
    $("#dailywardentry-ipd_patient_id").on("change", function(){
        $("#div2").removeClass('hidden');;
    });
});
</script>

我在这里做错了什么? 感谢

1 个答案:

答案 0 :(得分:1)

好的我认为jQuery库存在一些冲突,因为我在Yii2框架中工作,它加载了自己的jQuery。

我使用此代码完成了它:

<?php
$this->registerJs("$('#dailywardentry-ipd_patient_id').on('change', function(){
        $('#div2').removeClass('hidden');    

});"); 
?>