Question

我正在创建一个按钮，将一个文本输入附加到列表中，希望更晚。一切似乎都运行良好，除非输入被清除，你可以再次点击按钮，它将重新填充相同的变量值，即使我更改变量。我的文本输入是#MercInt。代码：

$(document).ready(function(){

  var $inputVal = $("#MercInt").val();
  var list = "#intList";
  var listItem 

  function mercList (){
    listItem = "<li>" + $inputVal + "</li>";
    $(list).append(listItem);
    }

  function mercWarning (){
    };


  $("button").on("click", function (event){
     event.preventDefault();
     if (!$inputVal) { mercWarning()
      } else {      
       mercList()
       $("#MercInt").val("");
       listItem = ("Doesn't matter what I put here");
       }
  }) // end button.on.click

}); //end of doc.ready

我是新手，所以如果您对代码有任何一般性评论，请随意。感谢。

Answer 1

您只在页面加载时设置$ inputVal，而不是每次按下按钮时都设置。

将$ inputVal的设置移动到点击处理程序中，一切都很好。

$("button").on("click", function (event){
 event.preventDefault();
 var $inputVal = $("#MercInt").val(); //Add this line
 if (!$inputVal) { mercWarning()
  } else {      
   mercList()
   $("#MercInt").val("");
   listItem = ("Doesn't matter what I put here");
   }
})

无法在JavaScript中清除按钮的变量输入

1 个答案: