I am new to jquery, hard time finding solution for this. Could someone help me on this.
I have a form as shown below.
<form id="a" name="fn" >
<section ....>
<div ....>
<select id="sid" name="sname"....>
<option data-attribute-value="1" value="1" > 1</option>
<option data-attribute-value="2" value="2" > 2</option>
<option data-attribute-value="3" value="3" > 3</option>
<option data-attribute-value="4" value="4" > 4</option>
</select >
</div>
</section>
</form>
I would like to append values of each option based on certain condition like If selected option value= 2, append John. So, it should look like below,
<form id="a" name="fn" >
<section ....>
<div ....>
<select id="sid" name="sname"....>
<option data-attribute-value="1" value="1" > 1</option>
<option data-attribute-value="2" value="2" > 2 John</option>
<option data-attribute-value="3" value="3" > 3</option>
<option data-attribute-value="4" value="4" > 4</option>
</select >
</div>
</section>
</form>