0

合計金額の値を変更するために 2 つの選択を使用したいと思います。

<span id="totalprice">$10</span>

<select id="upgrade1">
    <option value="10">A</option>
    <option value="20">B</option>
</select>
<select id="upgrade2">
    <option value="10">C</option>
    <option value="20">D</option>
</select>

たとえば、B と D を選択すると、合計価格は 40 ドルになります。

これは私がこれまでに持っている私のjQueryですが、足し算の部分に何が入るのかわかりません...

$('#upgrade1, #upgrade2').on('change', function() {
    $('#totalprice').text($(this).val());
});

jQueryの追加部分はどうすればいいですか？

4

3 に答える 3

1

</select>ドロップダウン要素に終了タグ ( ) がありませんでした。以下のコードを参照し、この jsFiddle を使用して動作を確認してください。http://jsfiddle.net/3eVc6/

HTML:

<span id="totalprice">$10</span>

<select id="upgrade1">
    <option value="10">A</option>
    <option value="20">B</option>
</select>
<select id="upgrade2">
    <option value="10">C</option>
    <option value="20">D</option>
</select>

JavaScript (jQuery ライブラリを含む)

$('#upgrade1, #upgrade2').on('change', function () {
    sum = Number($('#upgrade1').val()) + Number($('#upgrade2').val());
    $('#totalprice').html('$' + sum);
});

parseInt(val)解析の問題につながる可能性があることを指摘してくれた @Blazemonger に感謝します (基数が指定されていないため)。私はそれをNumber()

于 2013-02-28T19:17:05.450 に答える
0

HTML:

いくつかの小さな修正 - select ステートメントを閉じる

<span id="totalprice">30</span>

<select id="upgrade1">
    <option value="10">A</option>
    <option value="20">B</option>
</select>
<select id="upgrade2">
    <option value="10">C</option>
    <option value="20">D</option>
</select>

Javascript (jQuery):

各必須フィールドの値を取得し、通過しparseIntて数値に変換し、それらを合計します

$('#upgrade1, #upgrade2').on('change', function() {
  $('#totalprice').text("$"+parseInt($('#upgrade1').val())+parseInt($('#upgrade2').val()));
});
于 2013-02-28T19:15:27.367 に答える
0

あなたはすでにとても近くにいます。

$('#upgrade1,#upgrade2').on('change', function() {
    $('#totalprice').text("$" + (parseInt($('#upgrade1').val(),10) +
                                 parseInt($('#upgrade2').val(),10)) );
});
于 2013-02-28T19:15:28.407 に答える