javascript - 使用 jQuery 将选择选项 ID 值复制到隐藏字段中

Question

我看过一些教程，您可以将选择选项的值复制到隐藏字段中，如下所示:

$("#my_stuff").change(function(){
    $("#my_hidden_field").val($("select option:selected").val());
});

所以如果我有这个...

<select name="my_stuff" id="my_stuff">
    <option value="Red">Red things</option>
    <option value="Green">Green things</option>
    <option value="Blue">Blue things</option>
</select>

...并选择“红色事物”，然后“红色事物”将被复制到隐藏字段值中。

但是我真正需要做的是复制ID，所以如果我有这个...

<select name="my_stuff" id="my_stuff">
    <option value="Red" id="all the red stuff">Red things</option>
    <option value="Green" id="all the green stuff">Green things</option>
    <option value="Blue" id="all the blue stuff">Blue things</option>
</select>

...我选择了“红色的东西”，然后“所有红色的东西”将被复制到隐藏字段中。

这可能吗？

Answer 1

非常简单:给你:

$("#my_stuff").change(function(){
    $("#my_hidden_field").val($("select option:selected").attr('id'));
});