Javascript 如何在选项文本上添加文本而不删除值?

Javascript 如何在选项文本上添加文本而不删除值?,javascript,jquery,html,select,option,Javascript,Jquery,Html,Select,Option,我在尝试添加一些文本而不更改选项选择的值时遇到了问题 你能帮我面对这个问题吗 我有这个HTML代码 <select id="q_c_0_a_0_name"> <option value="name"> Name</option> <option value="lastanem1">First Lastname</option> <option value="lastname2">Second Lastname&

我在尝试添加一些文本而不更改选项选择的值时遇到了问题

你能帮我面对这个问题吗

我有这个HTML代码

<select id="q_c_0_a_0_name">
 <option value="name">     Name</option>
 <option value="lastanem1">First Lastname</option>
 <option value="lastname2">Second Lastname</option>
 ...
 <option value="xxxxxxxxx">Other value</option>
</select>
还尝试了以下Jquery代码:

$(function(){
  $("#q_c_0_a_0_name option[value=cont]").textContent  += "Filter by";
});  
$(function(){
  $("#q_c_0_a_0_name option[value]").textContent  += "Filter by";
});  
使用

$(“#q#c_0_a_0_名称选项”)。文本(函数(){
返回“按”+$(this.text()筛选”
})

名称
姓
第二姓
其他价值
使用

$(“#q#c_0_a_0_名称选项”)。文本(函数(){
返回“按”+$(this.text()筛选”
})

名称
姓
第二姓
其他价值

名称
姓
第二姓
其他价值
$('q#c_0_a_0_name')。查找($('option')。前置('Filter By');

名称
姓
第二姓
其他价值
$('q#c_0_a_0_name')。查找($('option')。前置('Filter By');
$(function(){
  $("#q_c_0_a_0_name option[value]").textContent  += "Filter by";
});  
<select id="q_c_0_a_0_name">
    <option value="name">Name</option>
    <option value="lastanem1">First Lastname</option>
    <option value="lastname2">Second Lastname</option>
    <option value="xxxxxxxxx">Other value</option>
</select>

<script>
    $('#q_c_0_a_0_name').find($('option').prepend('Filter By '));
</script>