gpt4 book ai didi

javascript - 如何制作与组合框选项相关的功能

转载 作者:太空狗 更新时间:2023-10-29 15:17:23 24 4
gpt4 key购买 nike

在我的 html 页面中,有三个表单输入相互关联。首先输入带有选项的组合框:

  • TCA
  • 内测第二和第三个输入为文本类型。

如果当用户在第二个输入中输入“01”时第一个输入填充为“TCA”,那么在第三个输入中自动填充“1-120”。如果当用户在第二个输入中输入“01”时,第一个输入填充为“intasept”,第三个输入自动填充为“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 中实现这个功能。这个,我已经尝试过了,但是没有运行

var interval, step;
$("#first").change(function (e) {
if (this.option:selected) 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) + "-" + ((interval * step + interval)-interval));
}

http://jsfiddle.net/n8pSt/

最佳答案

http://jsfiddle.net/QXFKL/5/

if (this.option:selected) interval = { // map of input value attributes to interval values
"TCA": 120,
"intasept": 32
}[this.value];

但是您得到的值是“Intesept”区分大小写

还有你的 if 不起作用,所以我已经删除了它

关于javascript - 如何制作与组合框选项相关的功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16560313/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com