jQuery get select option id and change hidden input value

Question

I have a form with a select list. Each option also contains a dynamic id, which I need to capture and then use that to change a hidden input\'s value. So basically take the

Answer 1

$('#size').change(function(){
   var id = $(this).find(':selected')[0].id;
   $('#changevalue').val(id);
})

Answer 2

$('select[name=item_options]').change(function(){
    $('input[name=item_options_name]').val($(this).val());
};

Or you can use ID selectors:

$('#size').change(function(){
    $('#changevalue').val($(this).val());
};

Answer 3

<script type="text/javascript">

$('#selectboxsize').change(function() {

    var id = $(this).find(':selected')[0].id;

    $('#getchangevalue').val(id);

});

</script>




<select name="item_options" id="selectboxsize">

    <option value="20030" id="Universal">Universal (20030)</option>

    <option value="4545456" id="Medium">Medium (4545456)</option>

    <option value="15447" id="Large">Large (15447)</option>

</select>

<input type="hidden" name="item_options_name" value="Universal" id="getchangevalue" />