jquery顯示刪除括號後選擇的數據

Question

我有一個htmlselect和一個div我想根據select選項顯示一條消息。 <select id='select1'>顯示"Player1(Mike)"等選項，我只想要"Player1"顯示在<div id='logId1'></div>中。 我寫了下面的代碼

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

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

     }); 
}); 
</script> 

這也表明我想要什麼，但喜歡它被選中的結果"Player1"顯示出來。 我是jquery中的新手，所以任何想法都是值得歡迎的。

Answer 1

當您使用.text(fn)方法時，您正在修改所選選項的文本。

您需要獲得.text()然後執行所需的操作。

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