Javascript-форум - Вывести все выбранные значение select на страницы

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Вывести все выбранные значение select на страницы (https://javascript.ru/forum/misc/53557-vyvesti-vse-vybrannye-znachenie-select-na-stranicy.html)

djonA

08.02.2015 23:12

Вывести все выбранные значение select на страницы

Добрый день.
Нужно в 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

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

рони	08.02.2015 23:17

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

djonA

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>

рони	08.02.2015 23:36

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

djonA

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>

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

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

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>

рони	09.02.2015 00:20

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

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

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]

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