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

Here is a fiddle for it!

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

1 个答案: