Question

在我的html页面中有三个表单输入已经相互关联。首先作为组合框输入选项：

TCA
Intasept 第二和第三个输入为文本类型。

如果用户在第二个输入“01”输入第一个输入填充是“TCA”，那么在第三个输入中由“1-120”自动填充。如果第一个输入填充是“intasept”，当第三个输入中的第二个输入“01”中的用户输入由“1-32”自动填充。

简单的逻辑。

first input =“TCA”（用户选择的选项）。
second input =“01”（由用户手动输入）。
第三输入=“1-120”（自动输入）。

这将继续120区间。例如：

第二个输入：02：03等等。
第三个输入：121-240：241-360等。

如果在第一个输入= Intasept（用户选择的选项）。

第二个输入= 01（由用户手动输入）。
第三个输入= 1-32（自动输入）。
这将继续间隔32。

例如：

第二个输入：02：03等等。
第三个输入：32-64：65-96等等。帮助我如何在javascript中创建此功能。

Answer 1

使用jQuery，这个简单的脚本可以实现：

jQuery(function($) {
    var interval, step;
    $("input[name=firstComboBox]").change(function(e) {
        if (this.checked)
            interval = { // map of input value attributes to interval values
                "TCA": 120,
                "intasept": 32
            }[this.value];
        update();
    });
    $("#secondInput").on("change keyup input paste", function(e) {
        step = parseInt(this.value, 10);
        update();
    });
    function update() {
        if (isNaN(interval) || isNaN(step)) return;
        $("#thirdInput").val((interval*step+1)+"-"+(interval*step+interval));
    }
});

Demo at jsfiddle.net

您可能不会使用jQuery而是使用其他东西等待domready和附加事件，您可能需要根据实际的DOM结构（输入名称/ ID）进行调整，但它应该让您知道应该如何完成它

如何在javascript中对相关表单进行功能

1 个答案: