0

在我的 html 页面中，三个表单输入相互关联。第一个输入为带有选项的组合框：

  • 三氯乙酸
  • Intasept 第二和第三输入作为文本类型。

如果用户在第二个输入“01”中输入时第一个输入填充为“TCA”，则在第三个输入中自动填充“1-120”。如果第一个输入填充为“intasept”，当用户在第三个输入中输入第二个输入“01”时自动填充“1-32”。

在简单的逻辑上。

  • 第一个输入 =“TCA”（用户选择的选项）。
  • 第二个输入=“01”（用户手动输入）。
  • 第三个输入=“1-120”（自动输入）。

这将继续间隔 120。例如：

  • 第二个输入：02:03 以此类推。
  • 第三个输入：121-240：241-360等等。

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

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

前任：

  • 第二个输入：02:03 等等。
  • 第三个输入：32-64：65-96等等。帮助我如何在javascript中制作这个功能。
4

1 回答 1

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));
    }
});

jsfiddle.net 上的演示

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

于 2013-05-15T04:55:10.977 回答