将html表单输入链接到javascript对象

Question

我对这一切仍然陌生，因此我可能没有使用所有正确的术语。 我想知道是否有可能将javascript对象链接到html输入。 例如，我正在使用http://arshaw.com/fullcalendar/ 。 当我单击日历中的事件时，会触发回调，并且传递了包含标题，开始，结束等的事件对象。

在角度上，可以通过以下方式将输入链接到对象

<input type="text" name="title" ng-model="event.title">

因此，如果我单击一个事件，它将全局对象“ event”设置为另一个对象，那么“ title”输入的值将更改为我单击的事件的标题。 所有其他输入字段都一样，因此我不必手动更改每个输入，例如：

<script type="text/javascript>
    function clickEvent(event)
    {
         $.('#title').val(event.title);
         ....
    }
</script>

在普通的javascript / jQuery中是否可行，如果可以，我在哪里可以得到一些适当的文档？

Answer 1

您可以使用jQuery的.on("input", function(){ ... })事件来获取输入的值，并在输入值更改时将其存储在对象中。

obj = {};

$("input[name=title]").on("input", function(){  //jquery on input fires every time the input value is changed
    obj["title"] = $(this).val(); // set the obj's title property to the value of the input
});

这是一个小提琴！