jQuery चुनिंदा विकल्प आईडी प्राप्त करें और छुपा इनपुट मान बदलें

Question

मेरे पास एक चयन सूची के साथ एक फॉर्म है। प्रत्येक विकल्प में एक गतिशील आईडी भी होती है, जिसे मुझे कैप्चर करने की आवश्यकता होती है और उसके बाद छुपा इनपुट के मान को बदलने के लिए इसका उपयोग किया जाता है। इसलिए मूल रूप से चयनित विकल्प आईडी लें और छुपा इनपुट मान के मान को बदलें।

मेरे चयन और छिपे हुए इनपुट देखो की तरह:

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

मैं कुछ jQuery किया था चयनित विकल्प के आईडी पर कब्जा करने की है, लेकिन मैं समझ नहीं है कि यह कैसे उपयोग करने के लिए मेरी इनपुट के मूल्य बदलने के लिए।

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

या आप आईडी चयनकर्ताओं का उपयोग कर सकते हैं:

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