2013-10-08 38 views
1

我对这一切仍然陌生,所以我可能没有使用所有正确的术语。我想知道是否有可能将javascript对象链接到html输入。例如,我正在使用http://arshaw.com/fullcalendar/。当我点击日历中的一个事件的回调触发,我通过事件对象包含的标题,开始,结束等将html表单输入链接到javascript对象

在一个角可以通过

装置的输入链接到对象
<input type="text" name="title" ng-model="event.title"> 

所以,如果我点击一个事件,它将全局对象“事件”设置为不同的对象,那么“标题”输入的值将改变为我单击的事件的标题。同样与所有其他输入字段,所以我不手动必须去改变每个输入的东西,如:

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

这是可能在正常使用Javascript/jQuery的,如果是的话我在哪里可以得到一些适当的这方面的文件?

回答

0

您可以使用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!

+0

谢谢你,但是这不正是我一直在寻找。我仍然必须在每个领域都做到这一点,然后我可能会像在原始文章中那样手动更改每个领域。我希望有一个更优雅的解决方案,我可以将每个输入字段链接到一个对象的属性,比如''只需在点击事件时设置window.event = {event object returned}。 – Magnanimity

相关问题