尝试使用jQuery链接两个选择表单字段

Question

我尝试做的是链接两个选择表单字段，因此当用户选择字段A中的选项时，它会将字段B更新为适当的选择。我已经能够通过向所选id添加2来更新字段，该ID与第二个选择字段的id相对应。

但是，我也在根据返回的值进行一些计算。它告诉我它们是非数字的，我已经验证过，因为返回的值不是＆＃34;值＆＃34;但是选择的实际文本。因此，不是返回400的选项值。它返回400W金属卤化物。

所以我有以下选择字段：

<select id="currentwattage">
    <option val="400" id="id1">400W Metal Halide</option>
    <option val="40" id="id2">40-32W Fluorescent T12/T8</option>
</select>
<select id="ledwattage">
    <option val="120" id="id12">120W LED</option>
    <option val="16" id="id22">16W LED</option>
</select>

以下JavaScript：

$('#currentwattage').change(function() {
    var selected = $(':selected', this)[0].id + 2;
    $('#' + selected).attr("selected","selected")
        .siblings().removeAttr('disabled');

    var $select2 = $('#ledwattage');
    if(selected == $(':selected', $select2)[0].id) {
        $('#ledwattage').attr('id');
    }
}).trigger('change');

我感谢任何可用的帮助。我还在学习jQuery并且意识到我的代码可能非常有缺陷，特别是在盯着它几个小时之后。