jQuery obtener id de opción de selección y cambiar el valor de entrada oculto

Question

Tengo un formulario con una lista de selección. Cada opción también contiene una identificación dinámica, que necesito capturar y luego usar para cambiar el valor de una entrada oculta. Así que, básicamente, tome el id de opciones seleccionado y cambie el valor de un valor de entrada oculto.

Mi selección de entrada y oculta parezca:

<select name="item_options" id="size"> 
<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="changevalue" /> 

que había hecho algunos jQuery para capturar Identificación de la opción seleccionada, pero no puedo encontrar la manera de usarlo para cambiar el valor de mi entrada.

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()); 
}; 

O puede utilizar selectores de ID:

$('#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" />