下拉框的模糊事件

on blur event for a drop down box

本文关键字:模糊 事件      更新时间:2023-09-26
我想

在下拉框外单击时执行 Php 代码,我正在使用以下代码:

$(function(){
  $('#right').on('click', '.categ', function(){
    var $p = $(this);
    /*if(/<input type="text"/.test(old))
      return;*/
    $p.load( "drop_down1.php")
       .find('select')
       .focus()
       .on('blur', function(){
         var value = this.value;
         var tex = this.text;
         $.post('listener_updates.php', {categ: value})
          .done(function(){
            $p.html(tex);
          })
          .fail(function(){
            alert('Could not update title');
          });
       });
  });
});
单击div时,此代码将div替换为下拉框,无论第一部分如何,它都可以正常工作,但是一旦我单击

下拉框出现,它就会显示列表,但是一旦我停止单击,列表就会关闭,没有给我时间选择我想要的对象, 当我在框外单击时,没有任何反应,当列表应该消失并将我选择的内容放在它的位置时,列表会停留在那里。

你需要

为此使用blur事件。

 $('#right').on('blur', '.categ', function(){
        ..................
  });