Форум

djonA · #1 (**permalink**) 08.02.2015, 23:12

Добрый день.
Нужно в input вывести все выбранные значение select - форм с классом vse

Помогите пжл.

т.е

<input value="" id="syda">

и произвольное число 
<select class="vse" onchange="document.getElementById('syda').value=vse.options[this.selectedIndex].value">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select class="vse" onchange="document.getElementById('syda').value=vse.options[this.selectedIndex].value">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select class="vse" onchange="document.getElementById('syda').value=vse.options[this.selectedIndex].value">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

и мне надо onchange любого из селектов вставлять в "syda" выбранные значение всех селектов с классом vse

Пробую не получается

рони · #2 (**permalink**) 08.02.2015, 23:17

djonA,
напишите функцию которая в цикле опросит все селекты с нужным классом

djonA · #3 (**permalink**) 08.02.2015, 23:33

пробую, не выходит поправьте плизз:

<script>
function kjhgs(){
var go = document.getElementsByClassName('vse');
document.getElementById("syda").value=go[].value);}
</script>

<input value="" id="syda">

<select class="vse" onchange="kjhgs();">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select class="vse" onchange="kjhgs();">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

рони · #4 (**permalink**) 08.02.2015, 23:36

djonA,
а где в коде цикл и переменная для накопления результата
пока есть go c нужными элементами и попытка вывода неизвестно чего

djonA · #5 (**permalink**) 08.02.2015, 23:56

<script>
function kjhgs(){
var summa=0;
var go = document.getElementsByClassName('vse');
for (var i = go.value; i++) { summa+=i; }
document.getElementById("klsa").value=summa);}
</script>

<input value="" id="syda">

<select class="vse" onchange="kjhgs();">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select class="vse" onchange="kjhgs();">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

все равно не выходит:-(

рони · #6 (**permalink**) 09.02.2015, 00:07

djonA,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<script>
function kjhgs() {
    var summa = 0;
    var go = document.getElementsByClassName('vse');
    for (var i = 0; go[i]; i++) {
        summa += +go[i].value;
    }
    document.getElementById("syda").value = summa;
}
</script>

<input value="" id="syda">

<select class="vse" onchange="kjhgs();">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select class="vse" onchange="kjhgs();">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

</body>

</html>

djonA · #7 (**permalink**) 09.02.2015, 00:16

Спасибо большое, а для текстовых полей если что бы их плюсовало :

<html>

<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>

<body>
<script>
function kjhgs() {
var summa = 0;
var go = document.getElementsByClassName('vse');
for (var i = 0; go[i]; i++) {
summa += +go[i].value;
}
document.getElementById("syda").value = summa;
}
</script>

<input value="" id="syda">

<select class="vse" onchange="kjhgs();">
<option value=""></option>
<option value="один">1</option>
<option value="два">2</option>
<option value="три">3</option>
</select>

<select class="vse" onchange="kjhgs();">
<option value=""></option>
<option value="один">1</option>
<option value="два">2</option>
<option value="три">3</option>
</select>

рони · #8 (**permalink**) 09.02.2015, 00:20

djonA,
а подумать никак?
var summa = '';
...
summa += go[i].value;

рони · #9 (**permalink**) 09.02.2015, 00:27

caetus,
если нужен пробел коментарий убрать

<html>

<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>

<body>
<script>
function kjhgs() {
var summa = [];
var go = document.getElementsByClassName('vse');
for (var i = 0; go[i]; i++) {
go[i].value && summa.push(go[i].value);
}
document.getElementById("syda").value = summa;
//document.getElementById("syda").value = summa.join(', ');
}
</script>

<input value="" id="syda">

<select class="vse" onchange="kjhgs();">
<option value=""></option>
<option value="один">1</option>
<option value="два">2</option>
<option value="три">3</option>
</select>

<select class="vse" onchange="kjhgs();">
<option value=""></option>
<option value="один">1</option>
<option value="два">2</option>
<option value="три">3</option>
</select>
</body>

</html>

caetus · #10 (**permalink**) 09.02.2015, 00:33

Он вроде вот что то такое хотел , если я правильно понял ))
с трудом исправил )))) спать наверно охота ((

а можно такое реализовать на 1 000 000 без массива ?))) а то год уйдет на то чтоб забить массив )))

<html>

<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>

<body>
<script>
function kjhgs() {
var arr = ['ноль','один', 'два', 'три', 'четыре', 'пять', 'шесть']
var summa = 0;
var go = document.getElementsByClassName('vse');
for (var i = 0; go[i]; i++) {
summa += +go[i].value;
}
document.getElementById("syda").value = arr[summa];
}
</script>

<input value="" id="syda">

<select class="vse" onchange="kjhgs();">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select class="vse" onchange="kjhgs();">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

[/quote]

Форум

Справочник

Discord чат

Курсы javascript