使用 onchange 在第二个字段 javascript 中输入数据
Using onchange to enter data in second field javascript
我试图将两个表单放在一个页面上,但只有一个可以进行选择的主显示区域。 我的页面看起来像这样:
序列 ID---选择处理器---选择审阅者
1-------------------A------------------------B---------------操作按钮
2-------------------A------------------------B---------------操作按钮
3-------------------A------------------------B---------------操作按钮
其中 A 和 B 是用户可以选择的淹没列表。
然后,在页面的单独部分和单独的表单中,上面选择的 A 和 B 将填充在单独的文本字段中。 问题在于这两种形式的处理方式。 上面的"操作按钮"根本不使用 A 和 B 下拉信息。 但为了使显示更简洁,我不想让用户滚动到页面的各个部分进行不同的操作。 太混乱了。
这是踢球者。 序列中的总数将根据表单而有所不同。 因此,我需要为字段创建一个数组。 我知道这没有多大意义,所以我这是我的代码:
<script type="text/javascript">
function myFunction() {
document.proc[1].value = f.processor[1].value;
document.write.getElementById("proc[1]").value;
document.rev[1].value = f.reviewer[1].value;
document.write.getElementById("rev[1]").value;
document.proc[2].value = f.processor[2].value;
document.write.getElementById("proc[2]").value;
document.rev[2].value = f.reviewer[2].value;
document.write.getElementById("rev[2]").value;
document.proc[3].value = f.processor[3].value;
document.write.getElementById("proc[3]").value;
document.rev[3].value = f.reviewer[3].value;
document.write.getElementById("rev[3]").value;
}
</script>
<form id="form" action="thispage.php" method="post">
<select name="processor[1]" onchange="myFunction(this.document)" id="processor[1]">
<option value="0">--Please select from the list...</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<select name="reviewer[1]" onchange="myFunction(this.document)" id="reviewer[1]">
<option value="0">--Please select from the list...</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<select name="processor[2]" onchange="myFunction(this.document)" id="processor[2]">
<option value="0">--Please select from the list...</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<select name="reviewer[2]" onchange="myFunction(this.document)" id="reviewer[2]">
<option value="0">--Please select from the list...</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<select name="processor[3" onchange="myFunction(this.document)" id="processor[3]">
<option value="0">--Please select from the list...</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<select name="reviewer[3]" onchange="myFunction(this.document)" id="reviewer[3]">
<option value="0">--Please select from the list...</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<input type="submit" name="action" value="Action Button">
</form>
<form id="newForm" action="thisform.php" method="post">
<input type="text" name="proc[1]" id="proc[1]">
<input type="text" name="rev[1]" id="rev[1]">
<input type="text" name="proc[2]" id="proc[2]">
<input type="text" name="rev[2]" id="rev[2]">
<input type="text" name="proc[3]" id="proc[3]">
<input type="text" name="rev[3]" id="rev[3]">
</form>
当我进行选择时,数据不会输入到 newForm 的文本字段中,这就是我希望发生的事情。
任何人可以提供的任何建议将不胜感激。
为什么选择没有被转移的答案:拥有<input type="text" name="proc[1]" id="proc[1]">
不允许你通过document.proc[1]
引用它。文档对象模型并不是那么神奇。
其他注意事项:此代码还有很多其他问题,例如 this.document
和document.write.getElementById(...).value
.您可能应该花一些时间学习 JavaScript 和文档对象模型,并找到适合此应用程序的方法。
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 如何读取表单中的输入数据
- 从MySQL数据库中获取输入数据需要两次页面刷新
- 从html表中的输入数据创建图表
- 如何使用输入数据加载新的extjs图表
- Node.js输入数据事件停止
- 如何将输入数据(许多数据)添加到同一页面的下表中
- 如何使用asp.net中的Web服务从clintside输入数据
- AngularJS自定义过滤器调用了两次,并在第二次调用时删除输入数据
- Javascript:在表单中输入数据时,提交按钮不处于活动状态
- 在动态输入数据的下拉菜单中设置默认值
- d3.js强制可折叠图-输入数据是对象数组
- 如何使用HTML表显示存储在数组中的用户输入数据
- 如何使用带按钮的表链接到HTML页面,并让它使用AngularJS从Firebase输入数据
- GAS - 等到用户输入数据后,功能才会继续
- 为什么它说输入数据数组的格式不正确 jqchart.
- 将输入数据保存到全局变量
- 当输入ng-model是ngRepeat变量时,如何从输入数据中获取
- 触发 html5 输入数据列表下拉列表显示
- 如何在 AJAX 请求 (Rails) 之间保留表单输入数据