2014-01-10 22 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); 
});