如何使用JavaScript从单独的选择列表中检索附加值

我有一个脚本，它将附加隐藏值以传递给窗体。当我发布表单时，只传递第一个列表值。我相信我需要让第二张单子的名字独一无二

<script>
$(document).ready(function() {
$('#Color').change(function() {
$('.inputs').html('');
var $explodedVal = $(this).val().split('-');
$('.inputs').append('<input type="hidden" name="caseOpt" id="caseOpt"  value="' + $explodedVal[1]+'">');
});
});
</script>

$（文档）.ready（函数（）{
$（'#Color'）。更改（函数（）{
$（'.inputs'）.html（''）；
var$explodedVal=$（this.val（）.split（'-'）；
$（'.inputs'）。追加（''）；
});
});

这是第一份清单

<label>Color</label>
<br>
<select name="Color" class="listOpt" id="Color" title="Color" >
<option value="None-0">Select Ring Size</option>
<option value="Red-1">Red</option>
<option value="Blue-2">Blue</option
</select>



<script>
$(function() {
$('#Size').change(function() {
$('.inputs').html('');
var $explodedVal2 = $(this).val().split('-');
var $explodedVal3 = $(this).val().split('-');

$('.inputs').append('<input type="hidden" name="colorOpt" id="colorOpt"  value="' + $explodedVal2[1]+'">');
$('.inputs').append('<input type="hidden" name="colorInc" id="colorInc" value="' + $explodedVal3[0]+'">');
});
});</script>

颜色


选择环尺寸
红色
蓝色为什么使用“None-0”这样的值？“0”不应该很好吗

您可以拥有如下对象：

var data = {
    color: null,
    size: null
};

然后使用以下方法访问属性：

data[color] = 0;
data[size] = 1;

就你而言：

<label>Color</label>
<br>
<select name="Color" class="listOpt" id="Color" title="Color" >
    <option value="0">Select Ring Size</option>
    <option value="1">Red</option>
    <option value="2">Blue</option
</select>

<label>Size</label>
<br>
<select name="Size" class="listOpt" id="Size" title="Size" >
    <option value="0">Select Ring Size</option>
    <option value="1">Large</option>
    <option value="2">Xlarge</option
</select>       

<script>
    var data = {
        color: null,
        size: null
    };

    $(function() {
        $('#Size').change(function() {
            data[size] = $(this).val();
        });
        $('#Color').change(function() {
            data[color] = $(this).val();
        });
    });
</script>

颜色


选择环尺寸
红色
蓝色为什么使用“None-0”这样的值？“0”不应该很好吗

您可以拥有如下对象：

var data = {
    color: null,
    size: null
};

然后使用以下方法访问属性：

data[color] = 0;
data[size] = 1;

就你而言：

<label>Color</label>
<br>
<select name="Color" class="listOpt" id="Color" title="Color" >
    <option value="0">Select Ring Size</option>
    <option value="1">Red</option>
    <option value="2">Blue</option
</select>

<label>Size</label>
<br>
<select name="Size" class="listOpt" id="Size" title="Size" >
    <option value="0">Select Ring Size</option>
    <option value="1">Large</option>
    <option value="2">Xlarge</option
</select>       

<script>
    var data = {
        color: null,
        size: null
    };

    $(function() {
        $('#Size').change(function() {
            data[size] = $(this).val();
        });
        $('#Color').change(function() {
            data[color] = $(this).val();
        });
    });
</script>

颜色


选择环尺寸
红色
Bluesorry在java标记上发布了一条无用的注释，但URGHH很抱歉在java标记上发布了一条无用的注释，但URGHH很抱歉在选项列表中存储了两个不同的值。忽略出现错误的None-0。这样，我就可以使用jQuery分割功能在单独的隐藏字段中提取两个值。忽略出现错误的None-0。这样，我就可以使用jquerysplit特性在单独的隐藏字段中提取两个值。