Javascript 获取动态生成的textareas的值
在下面的代码中,文本区域是动态生成的,现在介绍如何在Javascript 获取动态生成的textareas的值,javascript,jquery,jquery-selectors,jquery-validate,jquery-events,Javascript,Jquery,Jquery Selectors,Jquery Validate,Jquery Events,在下面的代码中,文本区域是动态生成的,现在介绍如何在valid()函数中获取这些值进行验证 <script> function valid() { //get all textarea vales for validation } function add(col_det) { var row = '<tr>'; row += '<td>'; row += '<textarea rows = "8
valid()
函数中获取这些值进行验证
<script>
function valid()
{
//get all textarea vales for validation
}
function add(col_det)
{
var row = '<tr>';
row += '<td>';
row += '<textarea rows = "8" cols = "8" class = "input" WRAP id="row_details'+r_count+'" name ="row_details'+r_count+'"></textarea>';
row += '</td>';
for (var i=0;i<col_det.length;i++)
{
row += '<td> <div id = "div_content_bold"> <textarea rows = "2" cols = "8" class = "input" id="c_details'+c_count+'" name="col_details'+l_count+'" WRAP ></textarea> </div> </td>';
}
row += '<td></td>';
row += '</tr>';
return row;
}
$(document).ready(function() {
var cnt = '<input type="text" name="title" id="title" ><br><br>';
cnt += '<table cellspacing="0" cellpadding="0" border="1" width="100%" id="l_table">';
cnt += '<tr>';
cnt += '<th width="30%">Category</th>';
cnt += headers(col_data);
cnt += '<th width="10%">Grade obtained</th>';
cnt += '</tr>';
for(var i=0;i<criteria;i++)
{
cnt += add(col_data,i);
}
cnt += '</table>';
$('#content').append(cnt);
});
</script>
<form action="create/" method="post" name="aa">
<div id="content"></div>
<table>
<tr><td>
<input type="submit" value="Save" id="Save" onclick="javascript:var ret=validate(row_c,c_count);return ret;"/></td></tr>
函数valid()
{
//获取所有textarea值以进行验证
}
功能添加(col_det)
{
var行=“”;
行+='';
行+='';
行+='';
对于(var i=0;i您可以循环页面上的所有文本区域,并使用验证内容。每个
$('textarea')。每个(函数(i){
//在此处使用$(this.val()进行验证
});
如果它们是动态分配的,请添加类以便您可以选择它们
$('textarea.generated').each (function(i) { });
你确定吗,即使我使用普通javascript循环,我也会动态生成它。我没有得到值。我只是测试了这个,它对我有效。我使用chrome fyi,所以不确定所有浏览器。