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

时间:2015-09-22 09:42:14

标签: javascript jquery

我的HTML看起来像这样:

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

我需要使用jQuery或javascript删除括号中的数字。我坚持这个,我真的很感谢你的帮助!

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

2 个答案:

答案 0 :(得分:3)

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

如果无法做到这一点,那么您可以使用一个简单的脚本来更新选项的文本内容,如

&#13;
&#13;
jQuery(function($) {
  $('select option').text(function(i, t) {
    return t.replace(/\(\d+\)\s*$/, '')
  });
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

感谢您的帮助。数字现在消失了! 你做了我的一天,因为我在过去的两天里一直在与之斗争!

修复是:

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