使用jQuery更改选择框文本

时间:2013-07-13 12:27:09

标签: jquery html

基本上,我有一个jQuery模式,它通过onClick动态获取内容,然后使用data属性,我需要替换<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");

未能处理。

2 个答案:

答案 0 :(得分:1)

尝试这样的事情:

var element = $('select option:contains("{ticket_holder}")');
var text = element.text();
element.text(text. replace("{ticket_holder}","Test"));
  1. 要将文本分配给元素,您需要将文本传递到.text()函数。
  2. .replace()返回已更改的文字,但不会更改原文。

答案 1 :(得分:0)

$.fn.text也需要function as argument,当您想要操作内容时非常有用:

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