Необходимо сохранить входное значение в переменную при изменении

Question

Необходимо сохранить входное значение в переменную при изменении

0

Я пытаюсь сохранить значение ввода в переменной. На данный момент я хочу просто вставить входное значение в элемент span, чтобы я мог знать, что он работает. Однако я не могу заставить его работать в моем JSFIDDLE. Какие-либо предложения?

HTML:

<label>Advertising Budget:</label>
                <input id="advertising" onchange="updateAdvertising(this.value)">  </input>
<span id="test">xxx</span>

Javascript:

function updateAdvertising(adv){
    document.getElementById('test').innerText = adv;
}

JSFIDDLE: http://jsfiddle.net/6J4MN/

Ryan Salmons 18 фев. 2014, в 23:10

Источник

0

Измените выпадающий список выбора для времени выполнения на «без переноса - в <head>» Fiddle
Bic 18 фев. 2014, в 21:15
0

@Bic, что именно это делает? Это работает, но я просто хочу знать, что он делает, чтобы я мог его реализовать.
Ryan Salmons 18 фев. 2014, в 21:19
1

Вы установили onLoad, что означает, что ваш метод не определен, пока ПОСЛЕ загрузки страницы и связывание onclick. Когда страница загружается, метод onclick не существует, и, следовательно, ничто не связывается. Если у вас есть это обернуть в голову, контент будет загружен ДО отображения страницы, гарантируя, что метод существует во время привязки.
Bic 18 фев. 2014, в 21:20

Показать ещё 1 комментарий

Теги:

javascript

html

2 ответа

1

Обратите внимание, что событие "OnChange" для текстового поля срабатывает, как только вы нажмете Enter или оставьте текстовое поле. Если вы измените событие, скажем, на клавиатуре, он обновит интервал после каждой буквы, которую вы наберете.

<script type='text/javascript'>//<![CDATA[ 
  window.onload=function(){

    function addEvent(element, evnt, funct){
       if (element.attachEvent)
         return element.attachEvent('on'+evnt, funct);
       else
         return element.addEventListener(evnt, funct, false);
    };

    addEvent(document.getElementById('advertising')
        , 'change'
        , function () { updateAdvertising(this.value); }
    );

   var updateAdvertising = function(adv){
      document.getElementById('test').innerText = adv;
   };
 };
</script>

Newse 18 фев. 2014, в 18:56

Ещё вопросы

Измените выпадающий список выбора для времени выполнения на «без переноса - в <head>» Fiddle
@Bic, что именно это делает? Это работает, но я просто хочу знать, что он делает, чтобы я мог его реализовать.
Вы установили onLoad, что означает, что ваш метод не определен, пока ПОСЛЕ загрузки страницы и связывание onclick. Когда страница загружается, метод onclick не существует, и, следовательно, ничто не связывается. Если у вас есть это обернуть в голову, контент будет загружен ДО отображения страницы, гарантируя, что метод существует во время привязки.

mplungjan · Accepted Answer · 2014-02-18T18-35-00.000Z

innerHTML более совместим, а также менять скрипку на голову вместо загрузки

Вот более аккуратное решение

Live Demo

window.onload=function() { 
  document.getElementById("advertising").onchange=function(){
    document.getElementById('test').innerHTML = this.value;
  }
}

Поскольку onchange требует размытия для запуска, используйте onkeyup для немедленного изменения:

Live Demo

window.onload=function() { 
  document.getElementById("advertising").onkeyup=function(){
    document.getElementById('test').innerHTML = this.value;
  }
}