Question

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

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


     });

   });

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

1 个答案: