javascript - 带有跨度文本的选择中的选项

Question

外部系统生成翻译并用页面上的跨度文本替换文字。它在大多数地方都工作得很好，但它不适用于选择中的选项。他们仅支持文本。结果我的页面出现了这样的问题 SQL Fiddle sample .

<select class="ProductInfo" >
    <option value=""></option>
    <option value="0">&lt;span class='translation'&gt;Opt1&lt;/span&gt;</option>
    <option value="1">&lt;span class='translation'&gt;Opt2&lt;/span&gt;</option>
</select>

我想要一些 jquery/javascript 函数，它可以用文本替换选项内容并删除上面的包装。

预期结果:

<select class="ProductInfo" >
    <option value=""></option>
    <option value="0">Opt1</option>
    <option value="1">Opt2</option>
</select>

Answer 1

最好在模板本身中进行修复，如果不可能，您可以尝试类似的方法

$('.ProductNoInfo option').text(function(i, t) {
  return $(t).text()
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="ProductNoInfo">
  <option value=""></option>
  <option value="0">&lt;span class='translation'&gt;Opt1&lt;/span&gt;</option>
  <option value="1">&lt;span class='translation'&gt;Opt2&lt;/span&gt;</option>
</select>