JS开发求助：无法将计算结果显示到指定span元素

你的问题出在错误使用了jQuery的load()方法——这个方法是用来加载外部页面或HTML片段到元素中的，根本不是用来设置元素文本内容的。要把计算结果显示到#cash这个span里，应该用text()或者html()方法。

修改后的JS代码 #

$(document).ready(function() {
  $("#level").keyup(function() {
    // 获取输入值
    let dInput = $(this).val();
    // 处理空输入或非数字的情况，避免出现NaN
    if (isNaN(dInput) || dInput.trim() === '') {
      $('#cash').text('');
      return;
    }
    // 计算成本（1.00乘不乘不影响结果，可以简化）
    let cost = 2500 * parseFloat(dInput);
    // 把结果设置到span里
    $('#cash').text(cost);
    alert(cost);
  });
});

补充说明 #

• text()方法：专门用来设置元素的纯文本内容，适合你这种只显示数字的场景
• html()方法：如果需要插入带HTML标签的内容才用它，比如<b>10000</b>
• 加了输入校验：防止用户输入空值或非数字时，页面显示NaN这种不友好的内容

内容的提问来源于stack exchange，提问作者SmartWebProductions