Получение массива из таблицы

@valeriy007 · Регистрация: 27.10.2014

Author24 — интернет-сервис помощи студентам

HTML5

<table name="nnn" border="1" style="border-collapse: collapse;">
    <tr>
        <td><input name="inp[]" value="pn bludo 1" oninput="price (this.table)" /></td><td></td>
        <td><input name="inp[]" value="vt bludo 1" oninput="price (this.table)" /></td><td></td>
        <td><input name="inp[]" value="sr bludo 1" oninput="price (this.table)" /></td><td></td>
        <td><input name="inp[]" value="cht bludo 1" oninput="price (this.table)" /></td><td></td>
        <td><input name="inp[]" value="pt bludo 1" oninput="price (this.table)" /></td><td></td>
        <td><input name="inp[]" value="hl bludo 1" oninput="price (this.table)" /></td><td></td>
    </tr>
    </table>

Как мне получить доступ к каждой ячейке с именем 'inp[]'? Мне нужно брать ее значение и обрабатывать его.
Пробовал вот так, но что-то не получилось

TypeError: fff is undefined

Javascript

function price (fff)
{
    alert(parseInt(fff ['inp[0]'].value));
}

@kalabuni · 13.03.2016, 05:24

<input name="inp[]" value="pn bludo 1" oninput="price (this.table)" />

здесь this -- это тег <input>

у этого тега нет свойства table, значение которого вы пытаетесь передать функции

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

Как мне получить доступ к каждой ячейке с именем 'inp[]'? Мне нужно брать ее значение и обрабатывать его.

в HTML "ячейками" называют теги <td></td> (или <th></th>)

имя inp [] у вас используется для тегов <input> -- а это никак не "ячейки", а "текстовые поля"

@alexsamos33 · 13.03.2016, 09:42

valeriy007,

Javascript

var inputElems = document.querySelectorAll('table[name="nnn"] input[name="inp[]"]');
for (var i = 0; i < inputElems.length; i++) {
    alert( inputElems[i].value );
}

https://jsfiddle.net/o9hfoy89/
Вот как пример...

@valeriy007 · 13.03.2016, 11:24 **[ТС]**

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

"ячейки", а "текстовые поля"

Да, ошибся. Спасибо за полезные замечания. И все таки помогите с кодом

@alexsamos33 · 13.03.2016, 11:44

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

И все таки помогите с кодом

А это (сообщением выше) вам не код?

@valeriy007 · 13.03.2016, 17:20 **[ТС]**

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

А это (сообщением выше) вам не код?

Да, спасибо большое. С этим я разобрался.
Теперь мне нужно брать значение из одной ячейки я писать его в соседнюю, делать это только для тех которые изменяются.
Вот что у меня получилось:

HTML5

<form>
    <table name="nnn" border="1" style="border-collapse: collapse;">
    <tr>
        <td><input name="inp[]" value="pn bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="vt bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="sr bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="cht bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="pt bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="hl bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
    </tr>
    <tr>
        <td><input name="inp[]" value="pn bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="vt bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="sr bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="cht bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="pt bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
        <td><input name="inp[]" value="hl bludo 1" oninput="price(this)" /></td><td><input disabled="disabled" name="price[]" style="background-color:#ffffff;border:0;width:50px;"/></td>
    </tr>
    </table>
</form>

Javascript

function price(input)
{
    var outputElems = document.querySelectorAll('table[name="nnn"] input[name="price[]"]');
    outputElems[0].value = input.value;
}

Как бы вычислять индекс соседней ячейки? Например написать что то вроде этого
outputElems[input.index].value = input.value;

@alexsamos33 · 13.03.2016, 17:50

valeriy007,

Javascript

1	var outputElem = input.parentNode.nextSibling;

может быть так?

@kalabuni · 13.03.2016, 18:06

alexsamos33, parentNode -то здесь зачем?

@valeriy007 · 13.03.2016, 21:05 **[ТС]**

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

может быть так?

нет

@newJS · 14.03.2016, 07:49

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

Как бы вычислять индекс соседней ячейки?

Можно "подняться" до td взять её индекс, вычесть/прибавить 1, проверить не вышли ли за границу, если нормально, берём новую td и получаем всё что нам нужно.
Как то так.

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	13.03.2016, 05:24	2
	<input name="inp[]" value="pn bludo 1" oninput="price (this.table)" /> здесь this -- это тег <input> у этого тега нет свойства table, значение которого вы пытаетесь передать функции Сообщение от valeriy007 Как мне получить доступ к каждой ячейке с именем 'inp[]'? Мне нужно брать ее значение и обрабатывать его. в HTML "ячейками" называют теги <td></td> (или <th></th>) имя inp [] у вас используется для тегов <input> -- а это никак не "ячейки", а "текстовые поля" 0

@valeriy007 81 / 25 / 19 Регистрация: 27.10.2014 Сообщений: 420
	13.03.2016, 11:24 [ТС]	4
	Сообщение от kalabuni "ячейки", а "текстовые поля" Да, ошибся. Спасибо за полезные замечания. И все таки помогите с кодом 0

@alexsamos33 669 / 640 / 335 Регистрация: 26.04.2014 Сообщений: 2,122
	13.03.2016, 11:44	5
	Сообщение от valeriy007 И все таки помогите с кодом А это (сообщением выше) вам не код? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	13.03.2016, 18:06	8
	alexsamos33, parentNode -то здесь зачем? 0

@valeriy007 81 / 25 / 19 Регистрация: 27.10.2014 Сообщений: 420
	13.03.2016, 21:05 [ТС]	9
	Сообщение от alexsamos33 может быть так? нет 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	14.03.2016, 07:49	10
	Сообщение от valeriy007 Как бы вычислять индекс соседней ячейки? Можно "подняться" до td взять её индекс, вычесть/прибавить 1, проверить не вышли ли за границу, если нормально, берём новую td и получаем всё что нам нужно. Как то так. 0