javascript - ドロップダウン ボックスのぼかしイベント

Question

ドロップダウン ボックスの外側をクリックしたときに 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 をドロップダウン ボックスに置き換えます。この最初の部分では問題なく動作しますが、クリックするとドロップダウン ボックスが表示されるとリストが表示されますが、クリックをやめると、リストは、必要なオブジェクトを選択する時間を与えずに閉じられ、ボックスの外側をクリックしても、リストが消えて選択したコンテンツがその場所に配置されるはずのときに、リストがそこにとどまることはありません。