0 голосов
спросил от в категории JavascriptHTMLjQuery
Плохой код, не использующий jQuery. 1) Вы не можете ожидать, что контент h3 будет обновлен, если вы ничего не сделаете; вы обновляете только управление input ; Я не знаю почему; 2) вам не нужно использовать document.getElementById , потому что вы можете использовать селектор jQuery ; также избегайте получения одного и того же элемента дважды, повторно используйте результат получения элемента; эта операция стоит дорого; что более важно, в программировании важно никогда не повторять код.

Вот простой пример исправления. Во-первых, добавьте атрибут id с некоторым уникальным значением в ваш h3 :
<h3 id="div">No need to add "span" here, use some appropriate text, possibly empty!</h3>

Теперь Javascript может изменить на что-то вроде
function run() {     $("#div").text("Selected value is: " + $("#select").val()); }


Не забудьте включить jQuery; это не было сделано в вашем коде.

Работа, протестирована. Спасибо, что позволили мне использовать ваш jsFiddle.

[РЕДАКТИРОВАТЬ]

Существуют различные способы позаботиться о первоначальном выбор. Например, выберите выбранный элемент в HTML:
<select id="select" onchange="run()">     <option value="0" id="0">Select</option>     <option value="1" id="title 1" selected="true">title 1</option>     <option value="2" id="title 2">title 2</option>     <option value="3" id="title 3">title 3</option>     <!-- spelling fixed... :-) --> </select>
, а затем просто вызовите свою функцию run раньше, чтобы синхронизировать текст div с этот выбор. Я думаю, что вы должны знать канонический способ инициализации всего события документа в jQuery:
<h3 id="div">No need to add "span" here, use some appropriate text, possibly empty!</h3>
# [
function run() {     $("#div").text("Selected value is: " + $("#select").val()); }
#]:
$(document).ready(function() {    //... here you can setup event handles themselves, instead of using elements    run();    //... });


Этот Javascript входит в элемент body , а не head .

? SA

Ваш ответ

Отображаемое имя (по желанию):
Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.
0 голосов
ответил от
Измените строку, в которой вы ссылаетесь на диапазон, на
document.getElementById("hello").innerHTML = document.getElementById("select").value;
0 голосов
ответил от

Категории

Добро пожаловать на сайт DraftingCode Q&A (ИТ ответы), где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие вопросы

...