document.getElementById("id").value Вопрос

D
На сайте с 20.09.2010
Offline
153
435

Есть <input type="hidden" id="b_img" value="upd" />

Хочу его поменять через яваскрипт, написал функцию:

function set_options(id)

{
alert(document.getElementById("b_img").value); //old_value
document.getElementById("b_img").value = id;
alert(document.getElementById("b_img").value); //new_value
}

Все работает, алертами показывается старое и новое значение. НО! Когда после этого события захожу в хтмл код страницы, то значение не поменялось, так и пишет <input type="hidden" id="b_img" value="upd" /> вместо <input type="hidden" id="b_img" value="123" />

Подскажите почему?

S
На сайте с 30.09.2016
Offline
459
#1

Потому что в исходном коде Вы видите то, что приходит с сервера. Чтобы увидеть актуальный код DOM, надо смотреть в "инструментах разработчика".

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
D
На сайте с 20.09.2010
Offline
153
#2

оно не приходит с сервера! Это же хтмл страница с простым яваскриптом

---------- Добавлено 22.01.2019 в 22:38 ----------

Хотя да, вы правы! В инструментах разработчика значение меняется!

Но почему-же на странице не отображаются изменения? Ведь это яваскрипт, он для этого и создан

---------- Добавлено 22.01.2019 в 22:41 ----------

пробую также поменять картинку яваскрптом:

$('#target').attr('src', '../photos/articles/'+path+'/'+foto+'_100.jpg');

В браузере ничего не происходит, хотя в коде хтмл в инструментах разработчика меняется.. что-то я запутался

богоносец
На сайте с 30.01.2007
Offline
689
#3

А вы на любом другом JS / браузере проверьте...

... когда-то выполненный-JS-код показывал только FF... и только при: выделить в браузере интересующее > ПКМ > просмотр исходного кода ... а потом не знаю.

ДП
На сайте с 23.11.2009
Offline
189
#4
datum:

Хотя да, вы правы! В инструментах разработчика значение меняется!
Но почему-же на странице не отображаются изменения? Ведь это яваскрипт, он для этого и создан

Вы же меняете значение у скрытого инпута, что вы хотите увидеть на странице?

datum:

пробую также поменять картинку яваскрптом:
$('#target').attr('src', '../photos/articles/'+path+'/'+foto+'_100.jpg');
В браузере ничего не происходит, хотя в коде хтмл в инструментах разработчика меняется.. что-то я запутался

А тут надо смотреть во вкладку "сеть" - есть ли там запрос на загрузку новой картинки. В коде ничего криминального не вижу, должен работать. Попробуйте с полной ссылкой без переменных всяких.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий