dropdown list and ajax load notifications

dropdown list and ajax load notifications

i have a dropdown list that if select every item of this dropdown we have a ajax call that load a php file with this
begin of ajax call for loading php file
  1. $(document).on('change','[id^=vijegi]',function(e){ e.preventDefault();  
and php file echo 


  1. echo'<input id="title" class="onvan" type="input" class="form-control" value='.$postvijegi.' placeholder="Enter a title ..."/> 
  2. <input id="message" class="pay" type="input" class="form-control" value='.$postvijegi.' placeholder="Enter a title ..."/>

  3.  <div id="mokh"></div>';     

now that two input value use in this file
  1. var UIToastr = function () {

  2.     return {
  3.         //main function to initiate the module
  4.         initok: function () {

  5.             var i = -1,
  6.                 toastCount = 0,
  7.                 $toastlast,
  8.                 getMessage = function () {
  9.                     var msgs  = $('#message').val();
  10.                   
  11.                     

  12.                     return msgs;
  13.                 };
  14. $(document).on('change',"[name=posvijegi]",function(){

  15. });
  16.  
  17.           $(document).on('DOMNodeInserted', '#mokh',function(e){
  18.   e.preventDefault();
  19.                 var shortCutFunction = 'info';
  20.                 var msgs = $('#message').val();
  21.                 var title = $('#title').val() || '';
  22.                 var $showDuration = $('#showDuration');
  23.                 var $hideDuration = $('#hideDuration');
  24.                 var $timeOut = $('#timeOut');
  25.                 var $extendedTimeOut = $('#extendedTimeOut');
  26.                 var $showEasing = $('#showEasing');
  27.                 var $hideEasing = $('#hideEasing');
  28.                 var $showMethod = $('#showMethod');
  29.                 var $hideMethod = $('#hideMethod');
  30.                 var toastIndex = toastCount++;

  31.                 toastr.options = {
  32.                     closeButton: 'checked',
  33.                    
  34.                     positionClass:'toast-bottom-center',
  35.                     onclick: null
  36.                 };

  37.                 if ($('#addBehaviorOnToastClick').prop('checked')) {
  38.                     toastr.options.onclick = function () {
  39.                         alert('You can perform some custom action after a toast goes away');
  40.                     };
  41.                 }

  42.            
  43.                     toastr.options.showDuration =600;
  44.                

  45.                
  46.                     toastr.options.hideDuration = 1000;
  47.                

  48.                
  49.                     toastr.options.timeOut = 10000;
  50.               

  51.               
  52.                     toastr.options.extendedTimeOut =1000;
  53.               

  54.                     toastr.options.showEasing = 'swing';
  55.                
  56.               
  57.                     toastr.options.hideEasing = 'linear';
  58.                

  59.                     toastr.options.showMethod = 'fadeIn';
  60.               
  61.                
  62.                     toastr.options.hideMethod = 'fadeOut';
  63.                

  64.                 
  65.                     msg = getMessage();
  66.                

  67.                 $("#toastrOptions").text("Command: toastr[" + shortCutFunction + "](\"" + msg + (title ? "\", \"" + title : '') + "\")\n\ntoastr.options = " + JSON.stringify(toastr.options, null, 2));
  68. $( "#mokh" ).empty();
  69.                 var $toast = toastr[shortCutFunction](msg, title); // Wire up an event handler to a button in the toast, if it exists
  70.               
  71.                 if ($toast.find('#okBtn').length) {
  72.                     $toast.delegate('#okBtn', 'click', function () {
  73.                         alert('you clicked me. i was toast #' + toastIndex + '. goodbye!');
  74.                         $toast.remove();
  75.                     });
  76.                 }
  77.                 if ($toast.find('#surpriseBtn').length) {
  78.                     $toast.delegate('#surpriseBtn', 'click', function () {
  79.                         alert('Surprise! you clicked me. i was toast #' + toastIndex + '. You could perform an action here.');
  80.                     });
  81.                 }

  82.                 $('#clearlasttoast').click(function () {
  83.                     toastr.clear($toastlast);
  84.                 });
  85.            });
  86.             $('#cleartoasts').click(function () {
  87.                 toastr.clear();
  88.             });

  89.         }

  90.     };

  91. }();

my problem is here that for first that i click on dropdown item i have one (selected item) 

Toastr Notifications

but when  i select The second item of dropdown without refresh page i have two (selected item + Previous selection)

Toastr Notifications

means when i select every item toastr notifications show previos item that i selected

as see in above pic we must have just last selected item , but we have from first selected item to last
how i can fix this?