Question

在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];
}

Answer 1

您通过重新创建相同的变量来覆盖第一个实例。尝试简单地删除var element = document.querySelector('form.cart');的第二个实例。

多个下拉菜单动态更改文本表单域

1 个答案: