如何使用 Javascript 获取结果答案

【问题标题】：How to Get the Result Using Javascript如何使用 Javascript 获取结果
【发布时间】：2020-07-18 09:20:10
【问题描述】：

我正在使用此代码并希望在intTotal 中得到结果。但它并没有给我想要的结果。

window.onload = function() {
  var intNum = document.getElementById("intNum");
  for (var i = 1; i <= 3000; i++) {
    var option = document.createElement("option");
    option.innerHTML = i;
    option.value = i;
    intNum.appendChild(option);
  }
};

function jml_total() {
  var hrg_sat = parseInt(document.querySelector("hrg_sat").innerHTML);
  var jml_pilih = parseInt(document.getElementById("intNum").value);
  var int_hitung = hrg_sat * jml_pilih;
  document.getElementById("intTotal").value = int_hitung;
}

<div id="hrg_sat">3000</div>
<select id="intNum" onChange="jml_total(this.value)">
  <option value="" disabled selected>Pilih Jumlah ... </option>
</select>
<br />
<div id="intTotal"></div>

我试过这个thread。或者，你有一个最简单的，但不使用 jquery。

【问题讨论】：

select 没有任何数值。

标签： javascript loops

【解决方案1】：

您需要通过使用# 作为前缀来指定hrg_sat 是querySelector 上的一个ID

var hrg_sat = parseInt(document.querySelector("#hrg_sat").innerHTML);

另外，正如前面的答案所提到的，您需要使用innerHTML 属性而不是value 在<div> 元素上的DOM 上显示文本

window.onload = function() {
  var intNum = document.getElementById("intNum");
  for (var i = 1; i <= 3000; i++) {
    var option = document.createElement("option");
    option.innerHTML = i;
    option.value = i;
    intNum.appendChild(option);
  }
};

function jml_total() {
  var hrg_sat = parseInt(document.querySelector("#hrg_sat").innerHTML);
  var jml_pilih = parseInt(document.getElementById("intNum").value);
  var int_hitung = hrg_sat * jml_pilih;
  document.getElementById("intTotal").innerHTML = int_hitung;
}

<div id="hrg_sat">3000</div>
<select id="intNum" onChange="jml_total(this.value)">
  <option value="" disabled selected>Pilih Jumlah ... </option>
</select>
<br />
<div id="intTotal"></div>

【讨论】：

呵呵 .. 真的很有帮助。两晚，解决了100%。使用#hrg_sat。告诉我，为什么使用#hrg_sat？
您正在使用文档querySelector。 # 是必需的，以便您指定它是 id 属性。如果您确定要选择 Id，您也可以使用 document.getElementById("hrg_sat") 代替

【解决方案2】：

由于 intTotal 是一个 div，因此您想使用 innerHTML 而不是 value。您链接到的帖子中的value 是用于输入控件，而不是 div

document.getElementById("intTotal").innerHTML = 'your content goes here';

&lt;div id="intTotal"&gt;&lt;/div&gt;

【讨论】：

你检查控制台了吗？有一个错误。 @95faf8e76605e973 已经发布了一个工作示例，但您也可以使用document.getElementById("hrg_sat") 而不是document.querySelector