jQuery獲得選擇選項ID並更改隱藏輸入值

我有一個選擇列表的表單。每個選項還包含一個動態ID，我需要捕獲並使用它來更改隱藏的輸入值。因此，基本上採用選定的選項id並更改隱藏輸入值的值。jQuery獲得選擇選項ID並更改隱藏輸入值

我的選擇和隱藏輸入如下所示：

<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來捕捉所選的選項的ID，但我無法弄清楚如何使用它來改變我輸入的值。

來源

2010-09-28 richardpixel

我暈，你想隱藏的輸入來存儲呢？ – Reigel 2010-09-28 07:59:28

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

來源

2010-09-28 07:57:40 Reigel

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

或者你可以使用ID選擇：

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

來源

2010-09-28 07:56:23 Gazler

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

來源

2014-04-16 13:49:21

jQuery獲得選擇選項ID並更改隱藏輸入值

回答

相關問題