javascript html 变量表单条目

Question

我有一个 html 表单选择选项下拉列表，其中包含选项: 运输及物流组 TRANSFLO 解决方案业务部 西部事业部 其他

我有以下 javascript，它根据上述选择将值输入到职位名称变量中。

var data = {
    "Transportation & Logistics Unit": [
        'Transportation &',
        'Logistics Unit'
    ],
    "TRANSFLO Solutions Business Unit": [
        'TRANSFLO Solutions',
        'Business Unit'
    ],
    "Western Business Unit": [
        'Western Business Unit',
        ''
    ],
    "Other": [
        document.getElementById('t1_t2_c_p_variableTextForm_pageTpl_v06CompanyDivision_other').value,
        ''
    ],
    "Western Canada Petroleum Solutions": [
        'Western Canada Petroleum Solutions',
        ''
    ]
}

功能是:

function SetJobTitle() {
    var choice = spec['v06CompanyDivision'].selectedText();
    spec['v02JobTitle1'].value = data[choice][0];
    spec['v03JobTitle2'].value = data[choice][1];
}

当用户选择“选项”时，会出现一个文本输入框，以便可以输入文本。输入框的元素 id 为“t1_t2_c_p_variableTextForm_pageTpl_v06CompanyDivision_other”。

上面的“Other”的 var 数据值不起作用，所以我想知道你是否能告诉我我缺少了什么。

谢谢

编辑:

我可以通过更改 SetJobTitle 函数来将某些内容放入 spec['v02JobTitle1'].value 中，如下所示:

function SetJobTitle() {
    var choice == spec['v06CompanyDivision'].selectedText();
    if (data[choice][0] = 'Other') {
        spec['v02JobTitle1'].value =       document.getElementById('t1_t2_c_p_variableTextForm_pageTpl_v06CompanyDivision_other').value;
    } else {
        spec['v02JobTitle1'].value = data[choice][0];
        spec['v03JobTitle2'].value = data[choice][1];
    }
}

但是，这似乎有点尴尬，因为它是由不断变化的下拉菜单触发的。如果我只是编辑输入框中的值，它不会改变。在这种情况下我可以做些什么吗？

Answer 1

您应该在选择后从输入框中获取值或监听它的变化并处理它

所以你的代码

document.getElementById('t1_t2_c_p_variableTextForm_pageTpl_v06CompanyDivision_other').value

每次更改输入框或触发任何其他事件并收到应放置在所需位置的值时都应调用