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

标签 javascript jquery html

我正在开发一个 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仅有的。有什么建议么?我们将非常感谢您的回答。

最佳答案

这是一个动态解决方案:

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

演示:Fiddle

关于javascript - 如何删除下拉列表中的部分文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29112005/

相关文章:

javascript - 为什么添加bootstrap后代码不工作

javascript - 如何使用 jQuery 将此元素从悬停效果更改为点击效果?

javascript - javascript getElementsByName 可以访问隐藏元素吗?

javascript - 忽略错误并继续在 IE 中运行 javascript?

javascript - 如何在 document.getelementById 中尝试 null.value

javascript - 如何在 javascript 中正确过滤屏幕上显示的数据?

javascript - 屏幕截图 ala Draw Something

javascript - Ajax 删除所有子元素并读取更新的值

javascript - IE 8(仅)因 JavaScript/jQuery 调用插件而崩溃

jquery - 如何将图像转换为dataurl