如何在方法之外访问jquery更改事件值?

如何在方法之外访问jquery更改事件值?,jquery,jquery-events,Jquery,Jquery Events,我有一个输入文本字段: <input type="text" id="from_input" class="form-control" placeholder="FROM"> 我想在文本更改时获取文本的值。以下是我的jquery代码: <script> var fromValue; $(document).ready(function(){ $("#from_input").change(function() { fromValue =

我有一个输入文本字段:

<input type="text" id="from_input" class="form-control" placeholder="FROM">

我想在文本更改时获取文本的值。以下是我的jquery代码:

<script>
  var fromValue;
  $(document).ready(function(){
    $("#from_input").change(function() {
      fromValue = $(this).val();
    });
    console.log(fromValue);
  });
</script>

风险价值;
$(文档).ready(函数(){
$(“#来自_输入”).change(函数(){
fromValue=$(this.val();
});
console.log(fromValue);
});

我得到的fromValue变量未定义。我需要得到文本字段值,以便在整个脚本中进行进一步计算。我怎样才能做到这一点

您可以使用事件参数。事件包含目标元素。我注意到您
console.log
在回调函数之外。你的代码可能已经运行了,但你只是看不到而已

<script>
  var fromValue;
  $(document).ready(function(){
    $("#from_input").change(function(event) {
      fromValue = event.target.value;
      console.log(fromValue);
    });
  });
</script>

风险价值;
$(文档).ready(函数(){
$(“#来自_输入”).change(函数(事件){
fromValue=event.target.value;
console.log(fromValue);
});
});

您可以使用事件参数。事件包含目标元素。我注意到您
console.log
在回调函数之外。你的代码可能已经运行了,但你只是看不到而已

<script>
  var fromValue;
  $(document).ready(function(){
    $("#from_input").change(function(event) {
      fromValue = event.target.value;
      console.log(fromValue);
    });
  });
</script>

风险价值;
$(文档).ready(函数(){
$(“#来自_输入”).change(函数(事件){
fromValue=event.target.value;
console.log(fromValue);
});
});
一个例子:

$(函数(){
$('#itext').keyup(函数(){
var text=$(this.val();
$('#result').text('您的文本:'+text);
});
});


您的文本:
示例:

$(函数(){
$('#itext').keyup(函数(){
var text=$(this.val();
$('#result').text('您的文本:'+text);
});
});



您的文本:
在触发更改事件之前,您正在记录
fromValue
变量

需要更新代码以将变量记录在闭包中:

<script>
  var fromValue;
  $(document).ready(function(){
    $("#from_input").change(function() {
      fromValue = $(this).val();
      console.log(fromValue);
    });
  });
</script>
其中,
do_something
在代码的其他地方定义,并执行您试图执行的进一步计算


您应该仔细阅读,因为这就是您在这里处理的问题。

在触发更改事件之前,您正在记录
fromValue
变量

需要更新代码以将变量记录在闭包中:

<script>
  var fromValue;
  $(document).ready(function(){
    $("#from_input").change(function() {
      fromValue = $(this).val();
      console.log(fromValue);
    });
  });
</script>
其中,
do_something
在代码的其他地方定义,并执行您试图执行的进一步计算


您应该仔细阅读,因为这就是您在这里要处理的内容。

fromValue
只有在更改
\from\u input
时才会有一些值。。。在记录变量之前,您需要更改逻辑,或者可能需要更改
#from_input
,只有当
#from_input
发生更改时,变量
from value
才会有一些值。。。在记录变量之前,您需要更改逻辑,或者可能需要更改输入中的