Вложенный getElementById

[PaHaNjkee]

Такая проблема, есть код:

<div class="tab-pane active" id="webmoney-id-1">
                                            <div class="container">
                                            <form action="https://merchant.webmoney.ru/lmi/payment.asp" method="POST">
                                                <input type="hidden" id="product-price" value="400">
                                                <input type="hidden" name="LMI_PAYMENT_NO" id="LMI_PAYMENT_NO" value="">
                                                <input type="hidden" name="LMI_PAYEE_PURSE" id="LMI_PAYEE_PURSE" value="">
                                                <input type="hidden" name="LMI_PAYMENT_AMOUNT" id="LMI_PAYMENT_AMOUNT" value="">
                                                <input type="hidden" name="LMI_PAYMENT_DESC" id="LMI_PAYMENT_DESC" value="">
                                                <br>Тип оплаты:<br>
                                                <select class="form-control" style="width: 30%">
                                                    <option selected onclick="changePurse(this, 1)" value="<?=$wmr?>">WebMoney WMR (рубли)</option>
                                                    <option onclick="changePurse(this, 1)" value="<?=$wmz?>">WebMoney WMZ (доллары)</option>
                                                    <option onclick="changePurse(this, 1)" value="<?=$wmu?>">WebMoney WMU (гривны)</option>
                                                </select>
                                                <br><span class="text-muted">Вы будете перенаправлены на сайт WebMoney, чтобы завершить оплату.</span>
                                                <br><br><input type="submit" class="btn btn-warning" value="Оплатить">
                                            </form>
                                            </div>
                                        </div>

В каждом таком отрезке есть input с id=product-price (фиксированный id), и div с id=webmoney-id-n

Как изменить product-price относящийся к определенному div?

Делал так, не работает

document.getElementById('webmoney-id-1').getElementById('product-price').value = '300';

[Stilet]

не работает

Что показывает отладчик?

[PaHaNjkee]

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

Что показывает отладчик?

TypeError: document.getElementById(...).getEle mentById is not a function
product.php:89:25
Пустая строка не может быть аргументом метода getElementById().

[Alex11223]

Причем тут вложенность? ID уникальным на весь документ должен быть.

Так что так нельзя делать, ищите по другим признакам. class, name, tag, data-my-property, ...

getElementsByName, getElementsByClassName, getElemenetsByTagName, ...
querySelector https://developer.mozilla.org/en-US/.../querySelector
.parent
.children

Но с поиском во вложенных вроде не очень просто в чистом JS, так что советую например jQuery взять.

[PaHaNjkee]

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

Причем тут вложенность? ID уникальным на весь документ должен быть.

Так что так нельзя делать, ищите по другим признакам. class, name, tag, data-my-property, ...

getElementsByName, getElementsByClassName, getElemenetsByTagName, ...
querySelector https://developer.mozilla.org/en-US/.../querySelector
.parent
.children

Но с поиском во вложенных вроде не очень просто в чистом JS, так что советую например jQuery взять.

С jQuery совсем никак. Вот и я хотел альтернативу JS найти, т.к. понимаю, что нельзя делать так. Но параметр id должен быть одинаков, к сожалению. Идеей по jQuery поделитесь?

[PaHaNjkee]

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

Причем тут вложенность? ID уникальным на весь документ должен быть.

Так что так нельзя делать, ищите по другим признакам. class, name, tag, data-my-property, ...

getElementsByName, getElementsByClassName, getElemenetsByTagName, ...
querySelector https://developer.mozilla.org/en-US/.../querySelector
.parent
.children

Но с поиском во вложенных вроде не очень просто в чистом JS, так что советую например jQuery взять.

Спасибо Вам за идею. Заработало!

document.querySelector('div[id=webmoney-id-1] input[id=product-price]').value

[Alex11223]

Что значит должен? Нельзя по стандарту HTML одинаковые ID в одном документе иметь.
Уберите id и ищите по другим признакам. Например самое тупое — перебирать все элементы в .children (искать элемент с нужным тегом или свойством, например по классу или любое свое data-my-super-property="hello")

[Naive]

Все верно Алекс говорит,

document.querySelector('div[id=webmoney-id-1] input[id=product-price]').value

убирай эту вакханалию, айди инпута меняй на класс и юзай

document.querySelector('#webmoney-id-1 .product-price').value

[Fenex]

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

Но параметр id должен быть одинаков, к сожалению.

ха-ха

для вас котёл уже готов