Question

我有一个包含9个不同选择列表的页面。如果可能，我想使用查询来计算＆amp;根据所选的选项显示SUM（价格）。理想情况下，当选择列表项时，我想要自动更新的价格。第一个挑战是选择选项没有id，值或文本中的价格。我认为处理该问题的一个好方法是通过使用关联数组将ID与价格相关联。第二个挑战是id标签（几乎所有选项）都包含破折号，而不是下划线。破折号被视为javascript和查询中的减法，这是行不通的。这是我到目前为止创建的代码。我不知道如何计算总和，使用这种类型的数组，然后将其显示为div。

如果有人有更好或更简单的方式，我愿意接受建议吗？

缩短选择列表的示例：

<select id="pa_handle-knob">
<option value="s9-c-cork-knobs">some text here</ far.option>
<option value="s9-eva-eva-tech-knobs">some text here</option>
</select>

到目前为止的示例数组和计算脚本：

(function($) {
var pa_handle_knob_caps = $("[id='pa_handle-knob-caps']"){
  "brushed-silver": "4.5",
    "lime": "5",
    'black': '4.5',
    'blue-2': '4.25',
    'gold': '4.5',
    'silver': '4.5',
    'red-2': '4.5',
    'purple': '4.5',
    'yellow': '4.5',
    'gunsmoke': '4.5',
    'matte-black': '4.5'
}

var pa_handle_knob = $("[id='pa_handle-knob']"){
    'ts9-c-cork-knobs': '1',
    'ts9-eva-eva-tech-knobs': '3'

}

var pa_line_guide_cap = $("[id='pa_line-guide-cap']"){
  'brushed-silver-guide-cap': '3.25',
    'lime-guide-cap': '3.25',
    'black-guide-cap': '3.25',
    'blue-guide-cap': '3.25',
    'gold-guide-cap': '3.25',
    'silver-guide-cap': '3.25',
    'red-guide-cap': '3.25',
    'purple-guide-cap': '3.25',
    'yellow-guide-cap': '3.25',
    'gunsmoke-guide-cap': '3.25',
    'matte-black-guide-cap': '3.25'
}
 $("#pa_handle-knob-caps").change(function() {
  calc_and_total();
})
$("#pa_handle-knob").change(function() {
  calc_and_total();
})
$("#pa_line-guide-cap").change(function() {
  calc_and_total();
})

    function calc_and_total(pa_handle_knob_caps, pa_handle_knob, pa_line_guide_cap) {
  var add = parseFloat(pa_handle_knob_caps) + parseFloat(pa_handle_knob) + parseFloat(pa_line_guide_cap);

  add += parseFloat(this.value, 10);
}) $('#result').html('The sum of the selected text options - ' +add);
});

计算关联和回声到div的SUM

0 个答案: