javascript - jquery 在更改功能上更改文本一次

Question

问题是，当我更改选项时，它会不断求和，并且我希望它仅对 10.00 的值求和一次，并且如果该值为 AR ，则仅减去一次。

实时链接:http://jsfiddle.net/A3qLG/1/

JQUERY:

$(document).ready( function() {

    $('#country').on('keyup change', function(e){

        var subt_value = $('#subt0').text();

        if($(this).val() == 'AR' || $(this).val() == ''){           
        if(subt_value != '0.00' ){$('#subt0').text(parseFloat(subt_value-10).toFixed(2));}      
        }else{          
        var add_sub = parseFloat(subt_value)+parseFloat('10.00');
        $('#subt0').text(parseFloat(add_sub).toFixed(2));
        }

    });

});

HTML:

<label id="subt0">8.90</label>

<select id="country">
  <option value="US">USA</option>
  <option value="BR">Brasil</option>
  <option value="AR">Argentina</option>
  <option value="CU">Cuba</option>
</select> 

Answer 1

我会将 HTML 更改为此以存储原始值:

<label id="subt0" data-original="8.90">8.90</label>

然后将 Javascript 调整为:

$(document).ready( function() {

    $('#country').on('keyup change', function(e){

        //Changed the following line to get the original value      
        var subt_value = $('#subt0').attr('data-original');

        //Changed this to say, NOT AR and has a choice per the comments.            
        if($(this).val() != 'AR' && $(this).val().length > 0) {
          var add_sub = parseFloat(subt_value)+parseFloat('10.00');
          $('#subt0').text(parseFloat(add_sub).toFixed(2));
        } else {
          //Otherwise put it back to the original value
          $('#subt0').text(subt_value);
        }

    });

});