Question

好吧，我有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下不同语言的内容）

Answer 1

你可以这样做：

更改按钮的类并将atual类移动到其他参数，例如'data-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-change-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

有人建议使用“on”方法而不是“click”方法，因为.click（）方法只是指向.on（'click'），因此：

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

Textarea名称更改没有刷新

2 个答案: