jQuery wybierz opcję id id i zmień ukrytą wartość wejściową

Question

Mam formularz z listą wyboru. Każda opcja zawiera również identyfikator dynamiczny, który muszę przechwycić, a następnie użyć go do zmiany wartości ukrytego wejścia. Zasadniczo weź wybrany identyfikator opcji i zmień wartość ukrytej wartości wejściowej.

Moja wybierz i ukryte wejście wyglądać następująco:

<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" /> 

zrobiłem trochę jQuery do przechwytywania id wybranej opcji, ale nie mogę dowiedzieć się, jak go używać, aby zmienić wartość mojego wejściowego.

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

Albo można użyć selektorów 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" />