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

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

您能帮我解决这个问题吗?

我有此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>

我试图在不删除值的情况下将文本添加到文本选项。

<select id="q_c_0_a_0_name">
 <option value="name">     Filter by Name</option>
 <option value="lastanem1">Filter by First Lastname</option>
 <option value="lastname2">Filter by Second Lastname</option>
 ...
 <option value="xxxxxxxxx">Filter by Other value</option>
</select>

我尝试了以下Jquery代码:

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

还尝试了以下Jquery代码:

$(function(){
  $("#q_c_0_a_0_name option[value]").textContent  += "Filter by";
});  
chinaliu321123 回答:如何在选项文本上添加文本而不删除值?

使用configure the default rule set

if
$("#q_c_0_a_0_name option").text(function() {
  return "Filter by " + $(this).text()
})

,
<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>
本文链接:https://www.f2er.com/3162194.html

大家都在问