javascript - 如何删除下拉列表中的部分文本？

Question

我正在开发一个 smarty 模板，我可以编辑 HTML 并仅放置 JavaScript，但无法编辑 php 代码。

列表如下所示:

<select>
  <option id="1" value="first">{$line1}</option>
  <option id="2" value="second">{$line2}</option>
</select>

在实时页面的哪个位置，{$line1}显示为green和{$line2}显示为black and white .

我想放置 JavaScript 或 jQuery 代码来取出(删除)and white文本来自{$line2}为了显示black仅有的。有什么建议么？我们将非常感谢您的回答。

Answer 1

这是一个动态解决方案:

$('select option').each(function(i, item){
        var words = $(item).text().split(' ');
        $(item).text(words[0]);
    });

演示:Fiddle