One challenge I'm facing is adding additional text to the options without changing their values upon selection.
Would you be able to assist me with resolving this issue?
I have come across the following HTML code:
<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>
My goal is to add descriptive text to each option without modifying their values.
<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>
To achieve this, I attempted the following jQuery code:
$(function(){
$("#q_c_0_a_0_name option[value=cont]").textContent += "Filter by";
});
I also tried an alternative jQuery approach:
$(function(){
$("#q_c_0_a_0_name option[value]").textContent += "Filter by";
});