Javascript 使用span将文本的最后一部分换行到选项中

我需要你的帮助。我在网上商店有不同选择的产品（不同的尺寸，不同的颜色，…）。我做了一把小提琴作为例子：

我的HTML如下所示：

    <div id="WA_price">
    <p class="WA_price2">200&nbsp;€</p>
</div>
<div class="product-options">
 <div class="input-box">
        <select name="super_attribute[149]" id="attribute149" class="required-entry super-attribute-select">
            <option value="0">Choose option…</option>
            <option value="28" price="339" data-label="1000 mm">1000 mm +339&nbsp;€</option>
            <option value="30" price="469" data-label="1200 mm" class="selected">1200 mm +469&nbsp;€</option>
            <option value="32" price="599" data-label="1400 mm">1400 mm +599&nbsp;€</option>
        </select>
    </div></div>

200欧元
选择选项…
1000毫米+339欧元
1200毫米+469欧元
1400毫米+599欧元

我试图做的是将下拉字段中价格的颜色更改为红色。我想用一个具有内联样式或获取css类的span来实现这一点，但找不到解决方案。我也不能说“mm得到跨度包裹后的所有内容”，因为它并不总是“mm”作为选择选项

---

唯一不变的是

[价格值]€

，例如

149€

。你们知道怎么用一个跨距把它包起来吗？提前感谢。

选项标签上允许的内容是文本和转义字符，而不是其他任何内容。

---

如果要实现这一点，应尝试模拟select行为。试着列出一个清单。您可以使用jQuery toggle（）函数来模拟下拉列表。

在选项标记内不可能使用html标记。因此，不可能更改红色文本的某个部分，只能更改全部或不更改任何内容？如果您希望对样式进行更多控制，请使用选择替换脚本