2013-10-08 67 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

相關問題