Question

我需要从javascript函数的HTML输入中获取值。我可以从HTML成功获取值，但无法将其从1个函数传递给其他函数。而且我需要将该值传递给该javascript上可用的其他函数。我尝试了这段未定义的代码。

这是我的HTML代码：

<input value="3232" id="fn">

这是我的脚本的主要功能，我可以从HTML中获取值：

var PageKey = function(){
 var val = document.getElementById('demo').value
}

 var fun1 = function(data){

 }

 var fun2 = function(data){

 }

 var fun3 = function(data){

 }

这是我尝试过的：

     var fun3 = function(data){
       PageKey();
     }

Answer 1

PageKey()仅在获取值，但不会返回它。因此，您需要将return val;添加到PageKey()。然后，在fun3中，可以将变量设置为PageKey()返回的变量。因此，您最终将得到以下结果：

var PageKey = function(){
 var val = document.getElementById('demo').value;
 return val;
}

 var fun1 = function(data){

 }

 var fun2 = function(data){

 }

 var fun3 = function(data){
   var val = PageKey();
   console.log(val);
   // prints out what PageKey got
   fun1(val);
   fun2(val);
 }

Answer 2

如果要将PageKey中获得的值传递给其他函数，则需要向return中添加PageKey语句。

var PageKey = function(){
 return document.getElementById('demo').value;
}

现在您可以执行此操作：

 var fun3 = function(data){
   var demoValue = PageKey();
  // and then do whatever with demoValue
 }

Answer 3

您必须返回值

var PageKey = function(){
    var val = document.getElementById('demo').value
    return val;
}

然后

var fun3 = function(){
    return PageKey();
}

将值从函数传递给Javascript中的其他函数

3 个答案: