1

Есть поле типа text, в нем разрешено вводить только цифры.

<script type="text/javascript">
window.onload = function(){
  document.getElementById('input').onkeyup = function(){
        this.value = this.value.replace(/[^\d]/g,'');
  };
};
</script>
<input type="text" id="input" />

Необходимо: после ввода цифры ниже должно появиться изображение нажав на которое появится поле select с вариантами выбора для заданной цифры. Пример: введена цифра 1, ниже появилось изображение, нажали, открылось поле select с вариантами выбора: текст1, текст2... Для цифры 2 аналогично кроме вариантов выбора. Как реализовать?

8
  • А что вы уже пробовали сделать? Что именно не получилось? 2 окт 2015 в 11:05
  • Не знаю как вывести изображение ниже после ввода цифры 2 окт 2015 в 11:11
  • 1
    покажите как сами пробовали. и куда выводить
    – Saidolim
    2 окт 2015 в 12:23
  • 1
    Вы сами хоть пробовали сделать?
    – HELO WORD
    2 окт 2015 в 12:25
  • К сожалению я не знаю js, но нужно сделать сегодня, поэтому прошу помощи... Есть текстовое поле вводим число и в зависимости от числа выводим соответствующее изображение ниже под полем типа text. 2 окт 2015 в 12:26

1 ответ 1

4

Подход к решению задачи должен быть таким:

На событие change поля ввода добавляется обработчик. Этот обработчик создает HtmlElement для изображения, причем атрибут src этого элемента выставляется в зависимости от значения поля ввода. Полученный элемент, вставляется в DOM дерево документа в нужное место.

Код писать не буду принципиально, потому что автор в комментарии просит объяснить принцип. Можете минусовать =)

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.