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, "")); 
});