jquery - 下拉菜单中的选项更改时如何隐藏消息

Question

嗨，下面我有一段代码，它使用 jquery 和一个 html div 标签显示存储在另一个 php 页面中的消息'targetdiv：

 function submitform() {    

    $.ajax({
        type: "POST",
        url: "updatestudentsession.php",
data: { 
    Idcurrent:  $('#currentid').val(),
    addtextarea:   $('#studentadd').val()
},
        dataType:'json',  //get response as json
        success: function(result){
                    if(result.errorflag){

       //do your stuff on getting error message
      var newHtml="<span style='color: red'>"+result.msg+"</span>"; 
      $("#targetdiv").html(newHtml);  //i am displaying the error msg here

    }else{
       //you got success message

       var newHtml="<span style='color: green'>"+result.msg+"</span>"; 
            $("#targetdiv").html(newHtml);

    $('#targetdiv').show();
        }
    }
  });        
}

现在我要做的是，如果用户在该消息出现后从下拉菜单中进行了选择，我希望它隐藏该消息。问题是当我尝试这样做时，即使我提交了没有显示消息的表单，消息也不会出现。我的问题是我应该如何#targetdiv在选项更改时隐藏标签中的消息，但在用户提交表单后仍然能够显示消息？

以下是我尝试做的事情：

     $(document).ready( function(){

        $('#sessionsDrop').change( function(){

            $('#targetdiv').hide();
            var search_val = $(this).val();

    });

});

Answer 1

  Hi you can do like this
     $(document).ready( function(){

    $('#sessionsDrop').change( function(){

        $('#targetdiv').hide();

        var search_val = $("#targetdiv>span").text();


     });

   });