2011-08-21 44 views
0

我有一個表單,用戶在按下按鈕時輸入一個單詞,我希望它將單詞(使用jquery腳本)轉換爲相同的字段。 只有在完成填充字段後,它纔會繼續並提交翻譯的單詞。如何僅在jquery完成更新字段後提交

一切都在工作,只是它會在翻譯後立即提交,導致提交原始單詞而不是翻譯後的單詞。 原始頁面顯示該單詞已被翻譯。

請幫助如何使它提交後,單詞已被翻譯成文本字段。 ? 我應該使用延遲嗎?如果是的話如何? 還是有一個oncomplete,「onpopulate」或類似的東西?

這裏是腳本:

<script type="text/javascript">  
$(function transle() { 
    $('#transbox').sundayMorningReset(); 
    $('#transbox input[type=submit]').click(function(evt) { 
     $.sundayMorning(
      $('#transbox input[type=text]').val(), 
      { source:'', destination:'ZH', menuLeft:evt.pageX, menuTop:evt.pageY}, 
       function(response) { 
        $('#transbox input[type=text]').val(response.translation);      
       } 
     ); 

    });    
}); 

</script> 

和形式:

<table id="transbox" width="30px" border="0" cellspacing="0" cellpadding="0"> 
    <form action="custom-page" method="get" name="form1" target="_blank" id="form1" > 
     <tr> 
      <td><input id="q" name="q" type="text" class="search_input" value="Evening dress" /></td> 
      <td><input type="submit" /></td> 
     </tr> 
    </form> 
</table> 

還有另一個JS呼籲劇本,但我不知道它需要的問題。

謝謝。

回答

1

可以使用的type="submit"和填充表單

function(response) { 
     $('#transbox input[type=text]').val(response.translation); 
     document.forms.form1.submit(); 
} 

<input type="button" /> 
+0

試過的通話submit事件之後type="button"相反,問題不提交。 –

+0

它應該工作,檢查這個[例子](http://jsfiddle.net/926HC/4/)。 –

+0

正在使用的js是:http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js 也許這是原因? –

相關問題