javascript - 如何捕获文本框的变化值

我有一个带有小调查的网页。我想根据用户对上一个问题的输入来预先填充一些答案。

在下面的代码中，如果id QR〜QID3的值取决于QID1_Total的值。但是，在页面加载后，即使满足条件，文本框也不会填充正确的值。

.addOnload(function()
{
    if(document.getElementById("QID1_Total").value>15) {
        document.getElementById("QR~QID3").value = "Good";
        }

    else{
        document.getElementById("QR~QID3").value = "Average";
    }

});

最佳答案

$("#QID1_Total").on("input", function() {
   //statements goes here
});

on("input"的使用将跟踪每个输入事件，包括拖放。

了解更多关于onInput的信息:https://mathiasbynens.be/notes/oninput



假设

让我们说您正在使用一个函数，该函数根据用户的输入使此语句显示“良好”和“平均”。

var targetElem  = document.getElementById("QID1_Total");
var showComment = (targetElem,value>15) ? "Good" : "Average";
document.getElementById("QR~QID3").value = showComment;

上面的代码是问题中提到的您自己的语句的较短方法。

现在，在更改目标QR~QID3时，您需要加载一些内容。您可以利用以下代码，如下所示。

$("#QR~QID3").on("input", function() {
  //your next question loading statements goes here,
  //statements to proceed when you show some comment Good or Average
}).trigger("input");

希望!这可能会有所帮助。