Jquery 将侦听器添加到标签

我正在将excel应用程序转换为单个网页应用程序。因为我希望用户感到熟悉，所以我希望当用户更改输入时，一切都能实时更新，就像在excel中一样。它工作得很好，但由于不同的输出标签相互依赖，它开始变得混乱

---

当用户在文本框中输入信息时，我是否可以在标签上添加一个列表，而不是在标签上设置一个值

正如我在评论中所说的……我不鼓励你这样做，但如果你有少量的元素需要改变，那么你就可以使用它来实现你所需要的功能

您可以在此网站上看到一个工作示例：

---

好，继续我对原始问题的评论。然而，您所问的最有可能是jQuery。像电子表格这样复杂的东西需要大量的jQuery引用和连接代码，如果不是完全的话，超时几乎是不可持续的

但是，要回答您的问题，您很可能需要绑定到相关输入的

onChange

事件。这将允许您在整个ui中获得几乎即时的更新。像这样的东西很容易做到这一点：

$（“#InputInQuestion”）.on（“change”，函数（e）{//Do Something}）

这种方法最终会导致一些很难阅读和维护的代码。想象一下，在电子表格样式的应用程序中为每一个事件编写这样的函数，你可能会明白为什么你应该远离这种方法

有许多可行的框架，使您所要求的内容几乎微不足道，关键字几乎是

例如，Knockout.js附带了一个映射插件，允许您将服务器数据动态映射到html中的对象。所有这些对象都将在应用程序的整个生命周期中动态设置。我的意思是，当你的一个单元格中的某个值发生变化时，你会得到期望的效果，即让ui的其余部分也发生变化以反映这一点，而不必编写大量的连接代码

他们的网站上有一些很棒的入门教程

AngularJS也是一个惊人的实用工具，可用于制作健壮且响应迅速的UI，您可以在此处查看：

Backbone.js与上面的内容非常相似，可以在这里找到：
您可以使用jQuery执行此操作，但过一段时间后，它会变得非常复杂，很难维护。我建议使用类似Knockout.js或Backbone.js的东西，也可以使用AngularJS。我同意@Nomad101。jQuery可以工作，但需要做少量的更改。否则您将丢失。是的。我知道我应该使用mvc框架。见我前面的问题。这只是一个“概念证明”。它没有那么多控件，所以我希望能用jquery实现它。如果我得到制作完整版本的命令，我将重写并学习mvc框架。