2014-01-10 75 views
0

好吧,我有TEXTAREA的形式。Textarea名稱更改無刷新

<textarea name="content_en"></textarea> 

而且我有這個textarea的近三個按鈕:

<button class="button_en>EN</button> 
<button class="button_ro>RO</button> 
<button class="button_ru>RU</button> 

我想這樣做: 改變textarea的名字時,我按下一個按鈕,無需頁面刷新或類似的東西。 所以這是爲了將不同的內容放在數據庫的一行中的不同列中。 (內容在不同的語言在同一個ID)

+0

待辦事項你有權訪問jQuery? –

回答

0

你可以這樣做:

更改類的按鈕和移動atual類與其他PARAM像「數據TXT」:

<button class="button-change-txt" data-txt="en">EN</button> 
<button class="button-change-txt" data-txt="ro">RO</button> 
<button class="button-change-txt" data-txt="ru">RU</button> 

然後,一類添加到textarea的:

<textarea class="txt-content" name="content_en"></textarea> 

因此,添加事件到 「.button變化-TXT」 類:

$('.button-change-txt').click(function(){ 
    var txt = $(this).attr('data-txt'); //STORE THE data-txt INTO A VARIABLE 
    $('.txt-content').attr('name','content_'+txt); //CHANGE THE TEXTAREA NAME 
}) 
+0

謝謝......但有些東西不工作,並出於某些原因,我在我的代碼中看到...我認爲我應該有三個div和三個textarea。那三個div就像按鈕。 顯示三個按鈕和一個textarea1。 當我按下button2時,它應該用textarea2更改taxtarea1。當我按下按鈕3時,它應該顯示textarea3。希望你能理解我,我希望你能幫助我。非常感謝您的時間! –

+0

我的回答是正確的,這是最好的方法。 – Marques

0

有人會建議使用「上」的方法,而不是「點擊」的方法,看到了。點擊()方法簡單地指向。對(「點擊」),即:

$('.button-change-txt').on('click', function(){ 
    var txt = $(this).attr('data-txt'); 
    $('.txt-content').attr(name,'content_'+txt); 
});