ライブ検索の結果をテキストボックスに入力

Question

私の下のスクリプトでライブ検索を行っており、完全に機能しています。この問題は、ユーザーが希望の結果をクリックしてテキストボックスに挿入されたときにChromeに表示されますが、Firefoxでは失敗しています。

第2に、テキストのみをテキストボックスに挿入するのではなく、htmlタグも挿入します。私が望むのは、テキストだけです。

$(function() { 

    $(".search_tab").keyup(function() { 
     var searchid = $(this).val(); 
     var dataString = 'color=' + searchid; 
     if (searchid != '') { 
      $.ajax({ 
       type: "POST", 
       url: "../search.php", 
       data: dataString, 
       cache: false, 
       success: function(html) { 

        $("#result").html(html).show(); 
       } 
      }); 
     } 
     return false; 
    }); 

    $("#result").on("click", function(e) { 
     var $clicked = $(e.target); 
     if (!$clicked.hasClass("search")) { 
      $('input.search_tab').val(event.target.innerHTML); 
      jQuery("#result").fadeOut(); 
     } 
    }); 

    $('.search_tab').click(function() { 
     jQuery("#result").fadeIn(); 
    }); 

}); 

Answer 1

textContentの代わりに、このようなinnerHTML：

$('input.search_tab').val(e.target.textContent); 

Answer 2

あなたはこの変更する必要がありjQuery.text方法

$('input.search_tab').val($clicked.text()); 

Answer 3

を使用することができます。THIに

success: function(html) { 

       $("#result").html(html).show(); 
      } 

をS：

  success: function(html) { 

       $("#result").html(html.d).show(); 
      } 

そして、あなたはテキストだけしたい場合：

$("#result").html($(html.d).text()).show(); 

Answer 4

を私はここに他の回答に同意できません。 に電話をかけることはできません。eventは未定義です。イベントパラメータはeで、eventではありません。

ChromeとIEは、eventが定義されていない場合はeventを提供するので、これで問題はありませんが、他のブラウザ（Firefoxなど）はそうではありません。

---

あなたはすでにここにクリックされた要素を保存：

var $clicked = $(e.target); 

なぜのみ突然event.target.innerHTMLに切り替えるには、これを保存しますか？

代わりにこれを行います。

$("#result").on("click", function(e) { 
    var $clicked = $(e.target); 
    if (!$clicked.hasClass("search")) { 
     $('input.search_tab').val($clicked.text()); 
     $(this).fadeOut(); 
    } 
}); 

私は単にあなたがすでに使用していた$clicked変数を使用してFirefoxの問題を修正しました。テキストのみ（HTMLではなく）のみを取得するために、私はjQueryの.text()を使用しました。

の作業例：https://jsfiddle.net/yuztjbva/4/