如何将表单元素值传递给 onclick 事件？答案

【问题标题】：How to pass a form element value to the onclick event?如何将表单元素值传递给 onclick 事件？
【发布时间】：2013-04-22 08:25:00
【问题描述】：

我正在尝试在我的一个页面上编写一个 iPhone 应用程序，我想捕获表单数据，然后使用 onclick 事件将值传递给将打开 SMS 窗口的 JavaScript 函数。

下面的onclick 事件将txt1 和txt2 传递给JavaScript 函数并完美运行。

<input onclick="window.plugins.smsComposer.showSMSComposer('txt1', txt2');" type="button" value="Send Reboot Command Via SMS" />

但是，我需要将txt1 和txt2 替换为用户在表单中输入的实际值。

以下是页面的代码，希望它有助于理解我想要实现的目标。

获取表单字段值的 JavaScript 代码：

function updateTxt(field,toField){
    var field = document.getElementById(field);
    var toField = document.getElementById(toField);
    toField.innerHTML=field.value;
}

HTML 页面代码：

<div data-role="page" id="DevicesConfigurePage" data-add-back-btn="true">
  <div data-role="header" id="myheader" data-position="fixed">
    <h1>Reeboot</h1>
  </div>
<br>              
<input type="text" id="box1" onkeyup="updateTxt('box1','txt1');"><br>
<input type="text" id="box2" onkeyup="updateTxt('box2','txt2');"><br>
<input type="text" id="box3" onkeyup="updateTxt('box3','txt3');"><br>
<input type="text" id="box4" onkeyup="updateTxt('box4','txt4');"><br>

<input onclick="window.plugins.smsComposer.showSMSComposer(id="txt1", id="txt2");" type="button" value="Send Reboot Command Via SMS" /><br />                            <br>
<!-- /content --> 
<p class="copyright">Copyright &copy; TrackingCentral Pty Ltd</p>
</div><!-- /page -->

【问题讨论】：

没有表单或提交按钮。将控件放入表单中，使按钮成为提交按钮，并使用表单的提交事件调用监听器。
为'OnClick()'事件关联一个回调函数，在回调函数内部使用var txt1Value= document.getElementById('txt1').value提取值

标签： javascript forms events onclick form-submit

【解决方案1】：

我看不出您提供的 jQuery 和 HTML 代码之间有任何关系。（在您进一步发布您的帖子之前）。我认为您想在某个特定区域设置特定值。你可以试试这个。

$('#toField').html(field.value);

代替

toField.innerHTML=field.value;

并解决这个问题：

var field = document.getElementById('field');
var toField = document.getElementById('toField');

【讨论】：

Title: How to pass a form value to the onclick event 他想将某些元素值传递给按钮的单击处理程序。第一条评论也澄清了这一点。