如何停止blur()事件函数触发两次?

时间:2019-06-20 05:52:54

标签: javascript php jquery ajax laravel

我正在尝试使用模糊功能从数据库中获取记录。此功能触发两个输入字段。我使用了不同的名称,变量,javascript,使用laravel的控制器来获取记录。我能够通过ajax获取记录并成功打开模式。当模糊功能触发时模态弹出时,也会触发第二场的功能。

我只想根据场触发模态,即模糊触发而不是两次触发。

//input field: originS

<script type="text/javascript">
        $(document).ready(function(){
          var  origin = "";
          var _token = "";
          var ovalue = "";
        $('#originS').blur(function(){
           ovalue = "";
           origin = $(this).val();
           _token = $('input[name="_token"]').val();
          $.ajax({
              type: 'POST',
              url: '{{ route('pagescontroller.fetchOrigin') }}',
              data:{origin:origin, _token:_token},
              success: function(response){

                if(response){
                $("#originSelect").modal('show');
                console.log(response);
                $(".result").html(response);

                 $(document).on('change', '#selectSuburb', function () {

                    ovalue =   $(this).val();
                   if ($(this).is(':checked')) {
                   $('#originS').val(ovalue);
                   $("#originSelect").modal('hide');
                   $this.die('blur');
                 }

                 });

                 $('#originSelect').on('hidden.bs.modal', function (e) {
                       if (ovalue == "") {
                       $("#originS").val('');
                       $(".result").html(response);
                      }
                 });


               }
              },
          });
        });
        });
        </script>

//input field: destS

    </script>

    <script type="text/javascript">
    $(document).ready(function(){
    var  dest = "";
    var _token = "";
    var dvalue = "";
    $('#destS').blur(function(){
      dvalue = "";
      dest = $(this).val();
       _token = $('input[name="_token"]').val();
      $.ajax({
          type: 'POST',
          url: '{{ route('pagescontroller.fetchdest') }}',
          data:{dest:dest, _token:_token},
          success: function(response){
            if(response){
            $("#destSelect").modal('show');
            console.log(response);
            $(".dresult").html(response);

             $(document).on('change', '#selectSuburbdest', function () {

                dvalue =   $(this).val();
               if ($(this).is(':checked')) {
               $('#destS').val(dvalue);
               $("#destSelect").modal('hide');
               $this.die('blur');
             }

             });

             $('#destSelect').on('hidden.bs.modal', function (e) {
                   if (dvalue == "") {
                   $("#destS").val('');
                   $(".dresult").html(response);
                  }
             });


           }
          },
      });
    });
    });
    </script>

0 个答案:

没有答案