文本区域名称更改而不刷新答案

【问题标题】：Textarea name change without refreshing文本区域名称更改而不刷新
【发布时间】：2014-01-10 00:07:15
【问题描述】：

好吧，我有一个表格中的 TEXTAREA。

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

我在这个文本区域附近还有三个按钮：

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

我想这样做：当我按下按钮而不刷新页面或类似的东西时更改文本区域名称。所以这是从数据库的一行中将不同的内容放在不同的列中。（同一ID下不同语言的内容）

【问题讨论】：

你可以使用 jQuery 吗？

标签： javascript jquery html forms textarea

【解决方案1】：

你可以这样做：

更改按钮的类并将实际类移动到其他参数，如“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
})

【讨论】：

谢谢...但有些东西不起作用，出于某些原因，我在代码中看到...我认为我应该有三个 div 和三个 textarea。这三个 div 像按钮。显示三个按钮和一个 textarea1。当我按下 button2 时，它应该用 textarea2 更改 taxtarea1。当我按下button3它应该出现textarea3。希望你理解我，我希望你能帮助我。非常感谢您的宝贵时间！

【解决方案2】：

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

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

【讨论】：