2010-08-08 63 views
1

我正在用JQTouch構建一個小型網站,我遇到的第一個問題是使用表單。用jQuery發佈之前用鏈接填充表單

我有一個表格

<form action='action.php' class='jqt' id='ajax_post' method='post' name='pform'> 

(其中name屬性是那裏,當我試圖與document.pform訪問它),並在其內是a元素的UL列表如下:

<a class="submit" href="#" value="somevalue">Text displayed</a> 

在表單內部,我放置了一個隱藏的輸入字段(因爲我只想發佈一個值),我的目標是通過單擊其中一個鏈接來填充它,然後提交:

<input name='somename' type='hidden' /> 

在提交時,Web服務器報告已執行POST,並且在頁面返回到原始表單之前存在簡短的幻燈片動畫。試圖破解我的方式進入jqtouch.js填充輸入字段不起作用(我想要的是$form.somename.value = $(this).attr('value');裏面submitParentForm()

CSS捕獲好,列表顯示很好。實際上,如果我刪除了submit類,並在其中一個鏈接中插入了我自己的表單提交覆蓋,例如,hrefonClick,但會執行POST並顯示下一個頁面,儘管是通過重新加載而不是通過jQTouch動畫,這是我的目標。

我的問題:當用戶點擊某個表單時,如何使用jQTouch顯示幻燈片動畫,我想用a元素填充value元素?

在此先感謝。

+0

您可以攔截表單提交事件。 – Oded 2010-08-08 11:15:56

+0

但是據推測,在任何提交發生之前,該字段應該填充? 也許我沒有正確理解。 – adricv 2010-08-08 11:52:43

+0

這裏有2個問題: - 如何在頁面刷新時顯示一個幻燈片動畫,當提交表單時。 - 我如何動態地填充一個表單字段,並賦值給鏈接元素。 – BGerrissen 2010-08-08 14:24:34

回答

1

我不會提交表單(如果我想使用提交按鈕,我會使用preventDefault)。我只需使用$ .post()發佈數據,然後使用jQT.goTo以幻燈片動畫轉到新頁面。新頁面在jqTouch中,當然,在同一個文檔中只有另一個div,可以使用$ .post()的回調中的響應來輕鬆設置您希望在該頁面上顯示的任何信息。

但是,這可能不是一個可行的解決方案,你試圖做的事情,我不太瞭解這個問題。

+0

如果不清楚,我表示歉意。 事實上,我的應用程序動態地加載了多個頁面,所以沒有「單頁」。有一個共同的佈局(頭部和開幕主體標籤等)和POST請求的結果被稱爲(作爲一個新的div)。 至於表格,它基本上是一個重新轉換的下拉菜單。我沒有提出僅僅是複雜性的另一個元素的下拉菜單,而是將其重新格式化爲與相關「值」關聯的鏈接列表。理想情況下,點擊一個應該提交表單_only_並返回結果(幻想幻燈片動畫)。 – adricv 2010-08-08 12:30:08

+0

實際上,這與我所做的非常相似,非常感謝! 我用$ .post檢索了信息,然後用innerHTML重新繪製了div的內容。我的問題是我的動態佈局包含鏈接指向的div元素,這使得jQuery的選擇器無法實現生活。 – adricv 2010-08-08 18:19:54