获取名称值并将值放入另一个名称

Question

我想通过名称获得我的几个选择选项的值，并取一个有值的选项(只有一个将有一个值)，然后将这个值给表单的名称。

因此，这是表单选项，我省略了除名称以外的所有部分：

<select class="form-control input-lg" id="question_product_id" name="red"><option value="">Select a product</option>...
<select class="form-control input-lg" id="question_product_id" name="blue"><option value="">Select a product</option>
<select class="form-control input-lg" id="question_product_id" name="green"><option value="">Select a product</option>

窗体查找此名称的值，question[product_id]不为绿色、红色或蓝色。我对javascript和jquery很陌生。这是我试过的，但不起作用：

$(document).ready(function() {
    if ($('#red').val())
    {
        $('#question[product_id]').val() == $('#test').val()
    }
});

有没有一种方法来检查红、蓝和绿的选择值，如果它给了questionproduct_id，让服务器抓取？

例如，在这三个选择中，我让用户在一个带有name="red“的选项中选择一个值。值可以是"1“。在表单提交之前，我希望将"1“的值传递给另一个名为"questionproduct_id”的隐藏的、未使用的select。因此，名为questionproduct_id的select现在将具有"1“的值，服务器将接受它。

Answer 1

我的猜测是，您实际上会想要在某些事件上触发它，比如单击或更改，而不是像您当前正在做的那样在文档上准备好。

$('select').each(function(){
    if($(this).val())
    {
        $("[name='question[product_id]']").val($(this).val());
        return;
    }
});

演示