如何隐藏信息时，在下拉选项更改菜单

Question

嗨下面我有一段代码，它显示使用jQuery存储在另一个PHP页面的消息和HTML div标签被称为'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(); 


    }); 

    });