Форум

optsar · #1 (**permalink**) 09.12.2015, 10:58

Подскажите как собрать данные из таблицы, и отправить на сервер ассоциативный массив, вот есть такая таблица

<table >				  
													
	<tr>
		<td>0</td>
		<td>Тип 0</td>
		<td>Значение 0</td>
	</tr>

							
	<tr>
		<td>1</td>
		<td>Тип 1</td>
		<td>Значение 1</td>
	</tr>
						
													
</table>

а вот такой массив нужно получить на сервере

array[
	array[0][0 => Тип 0, 1 => Значение 0]
	array[1][0 => Тип 1, 1 => Значение 1]
]

рони · #2 (**permalink**) 09.12.2015, 11:29

optsar,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<table >

	<tr>
		<td>0</td>
		<td>Тип 0</td>
		<td>Значение 0</td>
	</tr>


	<tr>
		<td>1</td>
		<td>Тип 1</td>
		<td>Значение 1</td>
	</tr>


</table>
<script>
var arr = [].map.call( document.querySelectorAll('tr'), function(tr) {
       return {0 : tr.cells[1].innerHTML, 1 :tr.cells[2].innerHTML}
//return [tr.cells[1].innerHTML, tr.cells[2].innerHTML]    
});
alert(JSON.stringify(arr))

</script>
</body>

</html>

optsar · #3 (**permalink**) 09.12.2015, 18:53

Рони спасибо большое!

Можете еще подсказать, сейчас получается что ключ у массива начинается с 0, не зависимо от того какое значение стоит в

<td>1</td>

, вот как тут сделать, что бы ключ брался из

<td>1</td>

и еще, не обязательно конечно, но все же для общего понимания хотел бы знать, как мне например поменять tr.cells[1] например на data('key') ?

<tr>
        <td data-n="" contenteditable>1</td>
        <td data-key="" contenteditable>Тип 1</td>
        <td data-val="" contenteditable>Значение 1</td>
    </tr>

рони · #4 (**permalink**) 09.12.2015, 19:20

Сообщение от optsar

Можете еще подсказать, сейчас получается что ключ у массива начинается с 0, не зависимо от того какое значение стоит в <td>1</td>, вот как тут сделать, что бы ключ брался из <td>1</td>

не осилил куда вы этот ключ собрались вставлять
из примера разве не видно как взять это значение

tr.cells[0].innerHTML

Сообщение от optsar

data('key')

tr.cells[0].dataset.n

- остальное сами
https://learn.javascript.ru/attribut...трибуты

optsar · #5 (**permalink**) 09.12.2015, 19:22

Сообщение от рони

не осилил куда вы этот ключ собрались вставлять
из примера разве не видно как взять это значение

tr.cells[0].innerHTML

tr.cells[0].dataset.n

- остальное сами
https://learn.javascript.ru/attribut...трибуты

Я пробовал так

arr = [tr.cells[0].innerHTML]

но так не работает.

рони · #6 (**permalink**) 09.12.2015, 19:33

optsar,

пример того что хотите получить и из чего.
только без =>

optsar · #7 (**permalink**) 09.12.2015, 19:40

[3] => Array
(
[0] => Тип насоса
[1] => Циркуляционный
)

[6] => Array
(
[0] => Вид насоса
[1] => Поверхностный
)

Я не знаю как обьяснить, но вот ключи 3, и 6 мне нужны из

<td>1</td>

рони · #8 (**permalink**) 09.12.2015, 19:43

optsar,
можно это как-то массивом или обьектом нормальным показать и строку тоже? не понимаю я стрелочек

рони · #9 (**permalink**) 09.12.2015, 19:50

optsar,

может вы это хотели?

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<table >

	<tr>
		<td>0</td>
		<td>Тип 0</td>
		<td>Значение 0</td>
	</tr>


	<tr>
		<td>1</td>
		<td>Тип 1</td>
		<td>Значение 1</td>
	</tr>


</table>
<script>

var obj = {};
[].forEach.call( document.querySelectorAll('tr'), function(tr) {
       obj[tr.cells[0].innerHTML] = [tr.cells[1].innerHTML, tr.cells[2].innerHTML]

});
alert(JSON.stringify(obj))

</script>
</body>

</html>

optsar · #10 (**permalink**) 09.12.2015, 20:06

именно так, еще раз спасибо !

Форум

Справочник

Discord чат

Курсы javascript