Question

我需要隐藏/显示在下拉列表中选择的值的div。我对我的代码做了几处更改，但我无法解决这个问题。我是关于jquery的新手，我需要知道是否必须在头上定义al函数或者是否可以在body上创建函数？这是我的代码：

<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>

<div class="section row" id="divQ1113" style="display: block;">

<div class="section row principal_question">
    <label>Cual fue su motivo de estancia</label>   </div>

    <div class="section row sub_question">
        </div>

<div class="section row">
    <select name="Q1113" id="Q1113">
        <option value="">Opciones</option>
        <option value="Q1113_QO3417"> </option>
        <option value="Q1113_QO3582">Turismo</option>
        <option value="Q1113_QO3583">Negocios</option>
        <option value="Q1113_QO3584">Familia</option>
</select>   </div>
</div>

<div id="Q550"><label style="text-align: center;">0</label><input value="0"  style="display: block; margin: 9px 0px 0px -2px;" type="radio" name="Q550" id="Q550"></div>

Answer 1

您可以/应该在结束</body>标记之前包含您的javascript库和代码。您也不需要获得该选项。即。

$(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());
    });
});

IF 但是，如果您希望在选择值发生变化且仅在某些值上发生这种情况时，您需要：

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

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

Answer 2

尝试连接到下拉控件的更改事件。有关API参考，请参阅http://api.jquery.com/change/。

用jquery隐藏div

2 个答案: