2014-01-21 82 views
0

我有一個翻譯文本的表單,並希望在用戶輸入字符時提交表單。類似谷歌翻譯。Textarea更改提交表單jQuery



下面是代碼示例:

<form id="trans" method="post" action="prevedi.php"> 
<textarea id="prevedi" name="prevedi" style="margin: 2px; height: 137px; width: 380px;"></textarea> 
<textarea id="prevod" disabled="disabled" name="prevod" style="margin: 2px; height: 137px; width: 380px; border: 0px;" readonly></textarea> 
<input name="translate" type="submit" value="Translate"/> 

任何想法,如何做到這一點?

+0

可能類似的問題,因爲[這裏](http://stackoverflow.com/questions/2823733/textarea-onchange-detection)在StackOverflow上 –

+1

你想翻譯返回另一個文本區域或DIV以及?每次輸入信件時都會輸入表單,您也可以考慮這個問題,然後進行模糊處理或其他操作,以便在完成更改後才輸入。 – pathfinder

回答

0
$(document).ready(function(){$("#prevedi").change(function(){$("form").post();});}); 
+0

對不起,我改變了形式,你能否編輯你的答案。 –

+1

如果這是頁面中唯一的表單,則不需要更改代碼。 – user2930100

+0

爲什麼不工作:(並沒有顯示任何錯誤:/ –

0
$('#texterea#prevedi').on('keyup',function(){ 
    $.ajax({ 
    url: url, 
    dataType: 'json', 
    type: "post", 
    data: {'word',$(this).val()}, 

    success: function (result) { 
     $('#texterea#prevod').val(result.value); 
    }, 
    error: function (error) { 

    } 
    }); 

}); 
+0

對不起,我改變了表單,請問你可以編輯你的答案 –

+1

什麼是#tseterea #prevod? – showdev

+0

對不起,texterea,你也可以使用#prevod而不用texterea這個詞。 –