Question

I would like to Get text of select option’s label and populate it in a hidden input field.

I can get the value but i would like to know how to populate the hidden field when option is selected or changed. I am actually a jquery newbie so i really have no idea of the event associated with select option.

Answer 1

Fiddle : http://jsfiddle.net/m5A9U/

Code

Assuming your HTML is

<select id="select">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>    
</select>

<input type='hidden' id='hidden' value=''/>

jquery code would be

$("#select").change(function () {
    $("#hidden").val($(this).val());
    //alert($(this).val()) 
})

EDIT To get the label of the selected option try
$("#hidden").val($(this).find('option:selected').text());

Updated example : http://jsfiddle.net/m5A9U/1/