Javascript 将选择输入和无线电组中的值连接到一个隐藏字段值中

我试图将各种选择菜单和广播组连接到一个隐藏字段值中。我有一些“有效”但不能提供预期结果的东西。基本上，它返回无线电组的第一个值，但不返回“选定”的值。我假设我需要某种类型的数组，然后连接“selected”值

以下是一些相关代码：

jQuery html

颜色


选择一种颜色。。。
黑色
拉丝铝
黄铜


姓名数目


一个


两个


三


四




列数


一个


两个




字体


选择一种字体。。。
现代的
经典
酿造的
复古的

这是一把小提琴：

感谢您的帮助：）

修复这些行：

$("#colorSelect, input[name=Names], input[name=Columns], #fontSelect").change(function(){

concatenated_string = 
    $("#colorSelect").val() + '&' +
    $("input[name=Names]:checked").val() + '&' + 
    $("input[name=Columns]:checked").val() + '&' + 
    $("#fontSelect").val();

无论如何，我建议您看看： 试试这个

var concatenated_object ={};

  $("#colorSelect, input[name=Names], input[name=Columns], #fontSelect").change(function(){
     $("#colorSelect, input[name=Names]:checked, input[name=Columns]:checked,    #fontSelect").each(function(){
         concatenated_object[$(this).attr("name")]=$(this).val();     
    });
    console.log(JSON.stringify(concatenated_object));
    $("#productImage").val(JSON.stringify(concatenated_object));
    $("#temp_display").text(JSON.stringify(concatenated_object))
});

---

}))

谢谢你的快速回复！不幸的是，这个改变不起作用…仍然具有只返回第一个广播组值的相同效果…抱歉…它实际上在小提琴中起作用，但在我的页面上不起作用…奇怪的是，它起作用了，你就是那个人…谢谢你的帮助。所以我还有一个问题，如果你不介意的话。如果我向选择选项添加名称属性，如：

选择颜色。。。黑色拉丝铝黄铜

如何选择要连接的？像这样：

$（“#colorSelect”）.attr（“name”）+”和“+”

我试过了，但它不起作用…可能是

$（“#colorSelect>选项：选中”）.attr（“name”）

$("#colorSelect, input[name=Names], input[name=Columns], #fontSelect").change(function(){

concatenated_string = 
    $("#colorSelect").val() + '&' +
    $("input[name=Names]:checked").val() + '&' + 
    $("input[name=Columns]:checked").val() + '&' + 
    $("#fontSelect").val();

var concatenated_object ={};

  $("#colorSelect, input[name=Names], input[name=Columns], #fontSelect").change(function(){
     $("#colorSelect, input[name=Names]:checked, input[name=Columns]:checked,    #fontSelect").each(function(){
         concatenated_object[$(this).attr("name")]=$(this).val();     
    });
    console.log(JSON.stringify(concatenated_object));
    $("#productImage").val(JSON.stringify(concatenated_object));
    $("#temp_display").text(JSON.stringify(concatenated_object))
});