jquery括弧を削除して選択した後にデータを表示

Question

私はhtmlselectとdivを持っています。ここでは選択オプションによってメッセージを表示します。 <select id='select1'>には"Player1(Mike)"のようなオプションが表示され、<div id='logId1'></div>には"Player1"のみが表示されます。 私はそれは私が欲しいものを示したが、それが選択されているように、結果"Player1"が現れ、次のコード

<script> 
$(document).ready(function(){ 

     $("#select1").on("change", function() { 
      $("#logId1").html($(this).find(":selected").text(function(_, text) { 
       return text.replace(/\(.*?\)/g, ""); 
      })); 

     }); 
}); 
</script> 

を書きました。 私はjqueryの初心者ですので、どんなアイディアも大歓迎です。

Answer 1

現在、.text(fn)メソッドを使用すると、選択したオプションのテキストが変更されます。

.text()を取得してから、目的の操作を実行する必要があります。

$("#select1").on("change", function() {   
    $("#logId1").html($(this).find(":selected").text().replace(/\(.*?\)/g, "")); 
});