如何使用jQuery截断select中的选项文本

How to truncate the options text in select using jQuery

本文关键字:选项 文本 select 何使用 jQuery 截断      更新时间:2023-09-26

我的HTML是这样的:

<select>
 <option>Some option (description) (12)</option>
 <option>Some option (32)</option>
 <option>Some option (1)</option>
...
</select>

我需要在使用jQuery或javascript结束时摆脱括号中的数字。我被这个问题难住了,非常感谢你的帮助!

谢谢,祝你有一个美好的一天!

最好的解决方案是在创建select元素的服务器端执行此操作。

如果这是不可能的,那么你可以使用一个简单的脚本来更新选项的文本内容,如

jQuery(function($) {
  $('select option').text(function(i, t) {
    return t.replace(/'('d+')'s*$/, '')
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select>
  <option>Some option (description) (12)</option>
  <option>Some option (32)</option>
  <option>Some option (1)</option>
</select>

使用jquery
$(document).ready(function(){
    $('select option').each(function(){
        $(this).text(($(this).text()).replace(/'('d+')$/, ''))
    })
})

谢谢你的帮助。号码现在没了!你让我今天很开心,因为过去两天我一直在和它作斗争!

修复:

jQuery('select option').each(function(){
        jQuery(this).text((jQuery(this).text()).replace(/'('d+')'s*$/, ''))
})