如何将文本附加到选择选项的末尾';使用jQuery的文本是什么?

如何将文本附加到选择选项的末尾';使用jQuery的文本是什么?,jquery,Jquery,假设我有以下HTML: <select id="dept"> <option value="1" selected>General</option> <option value="2">Payment Problems</option> </select> 一般的 支付问题 在本例中,我想将General更改为General(current)。选项文本也是动态的。我只想在选项文本的末尾附加(当前) 我该怎么做 提前感谢

假设我有以下HTML:

<select id="dept">
<option value="1" selected>General</option>
<option value="2">Payment Problems</option>
</select>

一般的
支付问题
在本例中,我想将
General
更改为
General(current)
。选项文本也是动态的。我只想在选项文本的末尾附加
(当前)

我该怎么做

提前感谢

这里有一种方法

$(“#部门选项[value='1']”)。追加('(当前)')

一般的
支付问题
这里有一种方法

$(“#部门选项[value='1']”)。追加('(当前)')

一般的
支付问题
这个怎么样

var current_text=$(“#部门:选定”).text();
$(“#部门:选定”).text(当前#text+“(当前)”)

一般的
支付问题
这个怎么样

var current_text=$(“#部门:选定”).text();
$(“#部门:选定”).text(当前#text+“(当前)”)

一般的
支付问题
$('select')。更改(函数(){
var valu=$(this.val();
var text=$(this).find('option:selected').text();
文本+='(当前)';
$(this).find(“选项:包含('current')”).each(函数(){
var txt=$(this).text().replace('(当前)','))
$(this).text(txt);
});
$(this).find('option:selected').text(text);
});

一般的
支付问题
$('select')。更改(函数(){
var valu=$(this.val();
var text=$(this).find('option:selected').text();
文本+='(当前)';
$(this).find(“选项:包含('current')”).each(函数(){
var txt=$(this).text().replace('(当前)','))
$(this).text(txt);
});
$(this).find('option:selected').text(text);
});

一般的
支付问题

这是对@LGSon的原始答案的一点改进。此版本确保“当前”始终附加到当前选择的选项(我假设“值”属性在选择更改时保持不变):


这是对@LGSon的原始答案的轻微改进。此版本确保“当前”始终附加到当前选择的选项(我假设“值”属性在选择更改时保持不变):


是的,我总是想在选项文本后添加
(当前)
?是的,我一直想在选项文本后添加
(当前)
?是的,我总是想在选项文本后添加
(当前)
。我希望你能有办法
+=”(当前)
你该怎么做
document.getElementById(“元素”).innerHTML+=“要在JS中追加的值”
。这不可能吗?我希望有某种方法你可以做到
+=(当前)
你该怎么做
document.getElementById(“元素”).innerHTML+=“要追加的值”
在JS中。这不可能吗?谢谢,我将您的答案标记为,因为它使用jQuery。int11也发布了一个在常规JS中使用的好选项。@JDel谢谢……是的,s/he谢谢,我将您的答案标记为,因为它使用jQuery。int11也发布了一个在常规JS中使用的好选项。@JDel谢谢……是的,s/he做了
$('#dept option[selected=""]').append('  (Current)');