Форум

djonA · #1 (**permalink**) 17.09.2013, 01:40

у меня есть выпадающий список, в зависимости от значения которого вставляется значение в input.

Вот так:

<input type="text" id="goggg" value="">
	<select id="test" onChange="document.getElementById('goggg').value= this.options [this.selectedIndex].value"> 
   <option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
  
</select>

Вопрос как сделать тоже самое но для произвольного числа input.
Как им задавать уникальные id по которым их идентифицировать?

что то типа такого:

<input type="text" id="goggg" value="">
<input type="text" id="goggg+1" value="">
	<select id="test" onChange="document.getElementById('goggg').value= this.options [this.selectedIndex].value"> 
   <option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
  
</select>

<select id="test" onChange="document.getElementById('goggg+1').value= this.options [this.selectedIndex].value"> 
   <option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
  
</select>

ну и так далее только что бы не в ручную ставить + 1 а автоматом... подскажите плизз

рони · #2 (**permalink**) 17.09.2013, 02:27

djonA,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
</head>

<body>
<input type="text"  value="">
<input type="text"  value="">
<select>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<script>
 for (var a = document.querySelectorAll("select"), b = document.querySelectorAll("input"), c = 0; c < a.length; c++)
    a[c].addEventListener("change", function (d) {
    return function () {
        b[d].value = this.value
    }
}(c), !1);
</script>
</body>
</html>

danik.js · #3 (**permalink**) 17.09.2013, 02:51

рони, оффтоп, ты в продашне тоже шифруешь все через a b c d?
Может, у тебя и библиотечка есть, шифрующая все основные методы и свойства?

<script src="a/b/c.js"></script>
<script>
z(d).r(function(z){ a('b'); return f});
</script>

Красота, правда?

djonA · #4 (**permalink**) 17.09.2013, 08:08

А подскажите еще а если на странице есть другие select'ы и input не связанные с этой задачей

как мне сделать что бы скрипт работал только с нужными select'ами и input'ами?

djonA · #5 (**permalink**) 17.09.2013, 08:41

Спасибо большое разобрался добавил класс и по нему идентифицировал тот селект и инпут которые нужны

Форум

Справочник

Discord чат

Курсы javascript