我在尝试添加一些文本而不更改选项选择的值时遇到问题。
您能帮我解决这个问题吗?
我有这个 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";
});
最佳答案
使用text()
$("#q_c_0_a_0_name option").text(function() {
return "Filter by " + $(this).text()
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>
关于javascript - 如何在选项文本上添加文本而不删除值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58704736/