Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.02.2016, 23:57
Новичок на форуме
Отправить личное сообщение для artddx Посмотреть профиль Найти все сообщения от artddx
 
Регистрация: 08.02.2016
Сообщений: 1

Запуск различных функций в зависимости от значения в input
Добрый день.

Я уверен, что это простая задача, но, к сожалению, решить ее я не в силах сейчас.

Есть <input type="text" value="1" readonly />
Есть несколько функций js по типу:

function r_out01() {
var b=[];
b[0]='Text 1';
b[1]='Text 2';
b[2]='Text 3';
var i=Math.floor(Math.random()*b.length);
document.write( b[i] );
};

Есть пустое поле <span id="name"></span>

Мне нужно следующее:
Если value в input имеет значение 10, то запускается функция r_out01() и выдает, например, Text 1 на месте <span id="name"></span>

Если value достигает значение, к примеру, 25, то зпускается функция r_out02() (она такая же, как и 01, только текст другой) и также выдает текст на месте <span></span>

Очень надеюсь на Вашу помощь, друзья.
Ответить с цитированием
  #2 (permalink)  
Старый 09.02.2016, 17:14
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 443

artddx,
??? Я не понял, зачем нужен readonly, если ты планируешь изменять его значение. Инпут будет подлежать пользовательскому вводу?

А так... вот вариант, с неизменяемым value инпута
<input type="text" id="text-field" value="25" readonly> 
<span id="name"></span>

window.onload = valueAnalize(document.getElementById('text-field').value);

function valueAnalize(_value){
  switch(parseInt(_value,10)){
    case 10: r_out01();
             break;
    case 25: r_out02();
             break;
    default: r_out03();
             break;
  }
}

function r_out01(){
  var a = [];
  a[0] = 'a_Text 1';
  a[1] = 'a_Text 2';
  a[2] = 'a_Text 3';
  var i = Math.floor(Math.random()*a.length);
  document.getElementById('name').innerHTML = a[i];
};

function r_out02(){
  var b = [];
  b[0] = 'b_Text 1';
  b[1] = 'b_Text 2';
  b[2] = 'b_Text 3';
  var i = Math.floor(Math.random()*b.length);
  document.getElementById('name').innerHTML = b[i];
};

function r_out03(){
  var c = [];
  c[0] = 'c_Text 1';
  c[1] = 'c_Text 2';
  c[2] = 'c_Text 3';
  var i = Math.floor(Math.random()*c.length);
  document.getElementById('name').innerHTML = c[i];
};
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Множественные значения в input - ЗА ВОЗНАГРАЖДЕНИЕ! Pb160 Events/DOM/Window 0 03.08.2015 13:29
изменение значения input при смене значения select galart jQuery 4 30.01.2015 19:39
Записать в один input значения нескольких input -=fluffy=- Элементы интерфейса 2 17.04.2014 17:40
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
изменение картинок в зависимости от значения input jump91 Общие вопросы Javascript 2 30.01.2012 08:57