Greetings everyone, I've encountered an issue when trying to change the select list option in jQuery. Everything functions perfectly outside of this particular theme. The problem arises when I create a select list within this specific theme called "developr".
Here is my code:
<select id="PackageID" name="PackageID" class="validate[required] withClearFunctions" style="width:200px">
<option value="">Please select</option>
<option value="1">100 paper</option>
<option value="2">500 paper</option>
</select>
Here is the rendered output:
<span class="drop-down custom-scroll">
<span class="selected">Please select</span>
<span>100 paper</span>
<span>500 paper</span>
<div class="custom-vscrollbar" style="display: none;"><div></div></div>
</span>
Even though the HTML changes when I select a different option using jQuery, the user interface does not update accordingly.
Code snippet after selecting from the select list:
<span class="drop-down custom-scroll">
<span>Please select</span>
<span class="selected">100 paper</span>
<span>500 paper</span>
<div class="custom-vscrollbar" style="display: none;"><div>
</span>