将文本框值分配给 HTML Body 中的变量并传递给多个函数

科瓦拉C

假设我的页面上有几个按钮和 1 个文本框。

每个按钮在 JS 中调用不同的函数,但它们将相同文本框的值传递给该函数。

我需要检索一次文本框的值,将其分配给一个变量,然后从那里将变量传递给函数。因此,不要每次都写“document.getElementById('textbox1').value”来传递给函数,只需传递变量名即可。

所以而不是这个:

\<input type="button" value="button1" onclick="function**1**(document.getElementById('textbox1').value)"/>

\<input type="button" value="button1" onclick="function**2**(document.getElementById('textbox1').value)"/>

我想看这个

x = document.getElementById('textbox1').value # **THIS IS THE LINE I DON"T KNOW HOW TO DEFINE**

\<input type="button" value="button1" onclick="function**1**(x)"/>

\<input type="button" value="button1" onclick="function**2**(x)"/>
哈莎娜·塞拉辛哈

您可以使用 jQuery 的“更改”事件处理程序并获取输入值。然后将其绑定到一个变量并在任何函数中使用。您不需要将其作为参数传递,因为它已在顶部定义。你可以在函数内部引用它。

var funcParam = "";
$("#textbox1").change(function(){
  funcParam = $("#textbox1").val();
});

function function1(){
  console.log(funcParam)
}

function function2(){
  console.log(funcParam)
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<input type="text" id="textbox1"/>
<input type="button" value="button1" onclick="function1()"/>
<input type="button" value="button2" onclick="function2()"/>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

您如何从html文本框中获取输入并将其分配给javascript变量?

如何将值分配给html单元格内的文本框

将文本框值分配给多个表/查询字段值

如何将文本框中的时间值分配给变量?

尝试将文本框中的值分配给变量时出现null异常

将文本框值分配给标签,这是在jquery中编码的正确方法吗?

将值分配给加载页面中的文本框时无法更新数据

无法将JSON值分配给HTML中的变量

如何将值分配给在angular js中动态生成的矩阵中的文本框字段?

如何将文本框值分配给 wpf 中的另一个类

无法将HTML分配给HTMLDocument.body

将PHP变量分配给HTML单选按钮值

单击按钮时如何将HTML文本框的值(内容)传递给javascript函数?

将带有总和的查询中的值分配给文本框

我如何将条目文本框的结果分配给一个变量,然后传递给后端的函数?

关于将模型数据分配给asp.net MVC中的文本框

将req.body分配给变量

将 document.body.style.backgroundColor 分配给变量

如何从对象/模型获取结果并将该值分配给文本框或另一个变量。类似于将结果分配给列表框

如何将文本框名称引用存储在变量中,以便以后将该文本框的值分配给另一个变量

xslt将值分配给div的标签html分配变量

有没有办法转换文本框值并分配给php变量?

如何将python函数分配给HTML下拉列表中的值属性

python:如何将python变量值分配给文本框,反之亦然

将用户输入文本框中的值分配给另一个表单

如何获取最后一行的值并将其分配给angularjs中的文本框

动态将ID分配给asp:Repeater中的文本框(服务器端控件)

将 R 中的参数传递给多个实变量的函数

VBA:在PowerPoint中添加文本框并将其分配给对象变量