Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   идентифицировать id (https://javascript.ru/forum/misc/41508-identificirovat-id.html)

djonA 17.09.2013 01:40

идентифицировать id
 
у меня есть выпадающий список, в зависимости от значения которого вставляется значение в 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 а автоматом... подскажите плизз

рони 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 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 17.09.2013 08:08

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

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

djonA 17.09.2013 08:41

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


Часовой пояс GMT +3, время: 05:40.