当前位置: 代码迷 >> JavaScript >> 获取同页面多个雷同textarea的值
  详细解决方案

获取同页面多个雷同textarea的值

热度:272   发布时间:2013-03-19 17:22:05.0
获取同页面多个相同textarea的值
我在同一个页面上有多个textarea,而且都是使用相同的ID和name。默认的情况下是一个textarea,然后可以动态添加多个相同的textarea,然后通过jQuery获取这些相同的textarea的值。
$("textarea[id='cPratice']").each(function (n) {
        $.jBox(n.val());
    });

使用上面的方法,老是提示n.val() is not a function(),不知道如何才能获取到所有的值,查过百度没有找到,请各位大侠帮忙解惑。用同样的方法是可以获取文本框的值,不知道为何就不能获取textarea的值

------解决方案--------------------
Id是个唯一的东西 就不要弄相同了
动态添加 你记个数 然后id设置类似于 id1 id2
至于获取 你可以通过父元素获取所有textarea子元素的方式获取
------解决方案--------------------
你所写的代码中参数n是索引,是数值,所以找不到val方法

$("textarea[id='cPratice']").each(function (n) {
        $.jBox($(this).val());
    });

$("textarea[id='cPratice']").each(function (index,item) {
        $.jBox($(item).val());
    });

------解决方案--------------------

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("#abv").click(function(){
$("textarea").each(function(){
alert($(this).val());
});
});
})
</script>
<input type="button"  id="abv" value="测试用按钮"/>
<textarea>
1234
</textarea> 
<textarea>
5678
</textarea> 
<textarea>
90
</textarea> 
  相关解决方案