jquery - 使用 jQuery 更改选择框文本

Question

基本上，我有一个 jQuery 模式，它通过onClick然后使用data属性动态获取内容，我需要替换 a 中的文本<select></select>以显示动态电子邮件地址。

这是HTML

<select name="email" class="span4">
    <option id="holder" value="">Ticket Holder ('{ticket_holder}')</option>
    <option id="purchaser" value="">Ticket Purchaser ('{ticket_purchaser}')</option>
</select>

这是我尝试使用的jQuery

$('select option:contains("{ticket_holder}")').text().replace("{ticket_holder}","Test");

未能处理。

Answer 1

尝试这样的事情：

var element = $('select option:contains("{ticket_holder}")');
var text = element.text();
element.text(text. replace("{ticket_holder}","Test"));

1. 要将文本分配给元素，您需要将文本传递给.text()函数。
2. .replace()返回更改的文本，但不更改原始文本。

Answer 2

$.fn.text还需要一个函数作为参数，当你想操作内容时很有用：

$('select option:contains("{ticket_holder}")').text(function() {
    return $(this).text().replace(/{ticket_holder}/, 'Test');
});