如何将值从文本框传递到jQuery函数？

Question

我试图弄清楚如何设置var号，然后在其他函数Custom.init（number）;中使用它。 并使它留在页面上。

//Set number onclick
function setVar() {
    var number = document.getElementById("textbox").value;


    //Pass in number
    jQuery(document).ready(function() {
        Custom.init(number);
    });
};

Answer 1

如果你正在使用jQuery，ready函数应该包装所有其他函数，因为它将首先被调用。

$(document).ready(function(){
   var number = document.getElementById("textbox").value;

   //Then do your validation here
   var setVar = function(){
      Custom.init(number);
      //whatever else is involved with this
    }

})

如果那不起作用，我将检查控制台是否存在特定错误，并确保您的Custom.init函数按预期工作。

Answer 2

将就绪的处理程序隐藏在函数内没有任何意义。 代码中的注释也表明您希望调用Custom.init以响应鼠标单击某个元素。 为此，您将注册一个事件处理程序。

建议精简：

//Set number onclick
$(document).ready(function() {
    $(<selector for clickable elements>).on (
          "click"
        , function (eve) {
              Custom.init(parseInt($("#textbox").val()));
              1;
          }
    );
});