jQuery nhận id tùy chọn chọn và thay đổi giá trị đầu vào bị ẩn

Question

Tôi có biểu mẫu có danh sách lựa chọn. Mỗi tùy chọn cũng chứa một id động, mà tôi cần phải nắm bắt và sau đó sử dụng nó để thay đổi giá trị của một đầu vào bị ẩn. Về cơ bản, hãy chọn id tùy chọn đã chọn và thay đổi giá trị của giá trị đầu vào bị ẩn.

chọn và ẩn My đầu vào như sau:

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

tôi đã thực hiện một số jQuery để chụp id nào được lựa chọn, nhưng tôi không thể tìm ra cách để sử dụng nó để thay đổi giá trị đầu vào của tôi.

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

Hoặc bạn có thể sử dụng bộ chọn 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" />