多个下拉菜单动态更改文本表单字段
Multiple Drop-down Menus Dynamically Changing Text Form Fields
在Stack Overflow的一些优秀人员的帮助下,我能够想出一些脚本,允许我根据用户从下拉菜单中的选择动态更改一些文本表单字段。现在我想实现两个影响不同文本表单字段的下拉菜单。我可以让它们各自独立工作,但当我把它们组合在一起时,只有一个有效。
input_1
和input_39
是我的下拉菜单。
有时,其中一个或另一个可能不在页面上。
您可以在此页面上查看:http://www.ortorderdesk.com/product/2-sided-bc/
var element = document.querySelector('form.cart');
function updateText() {
var obj_sel_value = element.input_1.value;
if (element.input_19)
element.input_19.value = myData1[obj_sel_value];
if (element.input_21)
element.input_21.value = myData2[obj_sel_value];
if (element.input_26)
element.input_26.value = myData3[obj_sel_value];
if (element.input_31)
element.input_31.value = myData4[obj_sel_value];
}
var element = document.querySelector('form.cart');
element.input_39.onchange = updateText;
function updateText() {
var obj_sel_value = element.input_39.value;
if (element.input_33)
element.input_33.value = myData5[obj_sel_value];
if (element.input_40)
element.input_40.value = myData6[obj_sel_value];
}
您通过重新创建相同的变量来覆盖第一个实例。尝试简单地删除var element = document.querySelector('form.cart');
的第二个实例。
相关文章:
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 输入文本框为空时的阻止按钮asp.网络表单
- 或者在表单上选择默认选项文本(选择1)
- 提交表单后,Watir文本框输入未持续(重置为以前的文本框输入)
- 提交表单时,Javascript(JQuery)不会在文本区域中填充内容
- 表单输入字段随着溢出的文本而增长
- 表单文本框未自动更新
- 使用javascript提交表单并从字段/单选框/复选框/文本区域获取数据
- 单击时从表单中删除特定文本
- 在HTML表单中键入时返回文本
- 使用jquery在悬停时展开文本表单
- 将从服务器获取的数据加载到输入文本表单中
- 如何使用文本表单输入的一部分来添加并使其转到 URL
- 将HTML中的文本表单值输入到Javascript函数中
- JS救援文本表单
- 使用crypto.js创建文本表单生成器
- 如何在将逗号提交到服务器之前,使用JS删除输入文本表单中的逗号
- 文件上传和数据(文本)表单转化为HTML表格
- Javascript禁用/启用输入文本表单
- 输入文本表单,使用javascript清除并恢复表单内容的问题