Изменение названия файла без обновления

Question

ну, у меня ТЕКСТАРЕЯ в форме.

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

, а также у меня есть три кнопки рядом с этим:

текстового поля

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

я хочу сделать это: , чтобы изменить имя, когда я текстов нажать кнопку без освежающей страницы или что-то подобное. , так что это должно размещать различный контент в разных столбцах из строки из базы данных. (Содержание на разных языках под таким же ID)

Answer 1

Вы можете сделать это:

Измените класс кнопок и переместите atual класс к другим парам, как «данные-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 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 
}) 

Answer 2

Некоторые рекомендовали бы с помощью «на» метод вместо метода «нажмите», видя, как .click() метод просто указывает на .on («щелчок»), таким образом:

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