Question

我输入了id =“ input-price”且元素跨度带有一些数字值，例如100.我希望输入的每个字符都将100的值增加10，而当我删除这些字符时，其值减少10。

Answer 1

尝试一下-

var priceInput = document.getElementById("input-price");

priceInput.addEventListener("input", representValue)

function representValue(){
   var numOfChars = priceInput.value.length;
   
   var magicSpan = document.getElementById("magic-value");
   value = 100 + (numOfChars*10);
   magicSpan.textContent = value;
}

<span id="magic-value">100</span>
<input id="input-price" type="text">

Answer 2

您可以尝试以下方式：

var length = $('#input-price').val().length;
$('#input-price').on('input', function(){
  var n = Number($('#spanNumber').text());
  if(length < $('#input-price').val().length){
    $('#spanNumber').text(n + 10);
    length++
  }
  else{
    $('#spanNumber').text(n - 10);
    length--
  }  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="input-price"/>
<span id="spanNumber">100</span>

js / jquery在输入中输入文本时添加或删除值

2 个答案: