使用jquery隐藏div_Jquery - Fatal编程技术网

使用jquery隐藏div

jquery

使用jquery隐藏div,jquery,Jquery,我需要为dropdownlist上选择的值隐藏/显示div。我对我的代码做了几处修改，但我无法解决这个问题。我是jquery新手，我需要知道所有函数是必须在头部定义，还是可以在身体上创建函数？这是我的密码： <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> function notif

我需要为dropdownlist上选择的值隐藏/显示div。我对我的代码做了几处修改，但我无法解决这个问题。我是jquery新手，我需要知道所有函数是必须在头部定义，还是可以在身体上创建函数？这是我的密码：

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>

function notify(selec) {
$("#Q550").hide();
alert( selec );
}
$(document).ready(function(){
var selec = $("#Q1113>option").val();
var selec2 = "Q1113_QO3582";
alert ($('#Q1113').val());
$( "#Q1113" ).on( 'click',notify(selec));

});



</script> 
</head>

您可以/应该在结束标记之前包含javascript库和代码。您也不需要获得该选项。i、 e

$(document).ready(function(){

    function notify(selec) {
        $("#Q550").hide();
        alert(selec);
    }

    $("#Q1113").on('click',function() {
       var selectValue = $("#Q550").val();
        notify(selectValue);
    });
});

或者，您可以将代码内联，然后使用单独的函数：

$(document).ready(function(){
    $("#Q1113").on('click',function() {
       $("#Q550").hide()
       alert($(this).val());
    });
});

但是，如果希望在“选择”值已更改且仅在某些值上发生此情况，则需要：

$(document).ready(function(){
    $("#Q1113").on('change',function() {

       if ($(this).val() == "SOME VALUE YOU WANT TO SEE") {
           $("#Q550").hide()
           alert($(this).val());
        }
    });
});

尝试挂接下拉控件的更改事件。

有关API参考，请参阅。

当我在dropdownlist上选择特定值时。如果未选择此值，则必须显示。更新答案。您需要绑定以更改，而不是单击。警报$this.val；显示所选值是。一个特定的值。它工作完美！！！它可以单独工作，但不能在我的整个页面中工作。我的页面上一定有问题。。。

$(document).ready(function(){
    $("#Q1113").on('change',function() {

       if ($(this).val() == "SOME VALUE YOU WANT TO SEE") {
           $("#Q550").hide()
           alert($(this).val());
        }
    });
});