2014-02-05 4 views
-1

Как Переберите таблицы и создать объект в JavaScript, как показано нижеПеребор таблицы с помощью JQuery

var employees = []; 
if(first td element is hidden) 
{ 
    employes[rowindex].Id=element.val(); 
} 
else 
{ 
employees[rowindex].Name=element.val(); 
} 
employees[rowindex].countryId= selected value from dropdown 

<table id="employeeTable" class="table table-bordered table-striped"> 
<tr><td>Name</td> <td>Age</td><td>Country</td><td>Delete</td></tr> 
<tr> 
<td> 
<input data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." id="Employees_0__Id" name="Employees[0].Id" type="hidden" value="1" /> 
<input class="form-control" id="Employees_0__Name" name="Employees[0].Name" type="text" value="arjun" /> 
<span class="field-validation-valid" data-valmsg-for="Employees[0].Name" data-valmsg-replace="true"></span> 
</td> 
<td><input class="form-control" data-val="true" data-val-number="The field Age must be a number." data-val-required="The Age field is required." id="Employees_0__Age" name="Employees[0].Age" type="text" value="25" /></td> 

<td> 

<select data-val="true" data-val-number="The field CountryId must be a number." data-val-required="The CountryId field is required." id="Employees_0__CountryId" name="Employees[0].CountryId"><option selected="selected" value="1">USA</option> 
<option value="2">UK</option> 
</select> 
</td> 
<td> 
<a class="glyphicon glyphicon-remove" 
href="#"></a> 
</td> 
</tr> 

<td> 
<input data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." id="Employees_1__Id" name="Employees[1].Id" type="hidden" value="2" /> 
<input class="form-control" id="Employees_1__Name" name="Employees[1].Name" type="text" value="Kumar" /> 
<span class="field-validation-valid" data-valmsg-for="Employees[1].Name" data-valmsg-replace="true"></span> 
</td> 
<td><input class="form-control" data-val="true" data-val-number="The field Age must be a number." data-val-required="The Age field is required." id="Employees_1__Age" name="Employees[1].Age" type="text" value="34" /></td> 

<td> 

<select data-val="true" data-val-number="The field CountryId must be a number." data-val-required="The CountryId field is required." id="Employees_1__CountryId" name="Employees[1].CountryId"><option value="1">USA</option> 
<option selected="selected" value="2">UK</option> 
</select> 
</td> 


<td> 
<a class="glyphicon glyphicon-remove" 
href="#"></a> 
</td> 

</tr> 
</table> 
+0

1) какие элементы вы собираетесь цикл ? 2) Какова структура объекта, к которой вы собираетесь добраться? – Evgeniy

+0

скрытый текст и выбранное значение для выбора – arjun

+0

var obj = {fieldName: fieldValue}? – Evgeniy

ответ

1
var obj = []; 

$('input[type=text], input[type=hidden], select').each(function(i,itm){ 
    var inpName = $(itm).attr('name'), 
     name = inpName.match(/(\w+)$/g); 
     empIndex = inpName.replace(/\D+/g, ''); 

    obj[empIndex] = obj[empIndex] || {}; 
    obj[empIndex][name] = $(itm).val(); 
}); 

jsfiddle

Смежные вопросы