Question

我有一个带有选择列表的表单。每个选项还包含一个动态ID，我需要捕获它，然后使用它来更改隐藏输入的值。因此，基本上采用所选的选项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，但我无法弄清楚如何使用它来改变输入的值。

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

或者您可以使用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" />

jQuery获取选择选项id并更改隐藏的输入值

3 个答案: