Javascript.RU

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

Суммирование элементов и вывод результата
Подскажите пожалуйста скрипт, позволяющий суммировать два выбранных элемента из двух <select> и вывод результата в поле. То есть пользователь выбирает сначала из одного <select> доступный вариант, потом в другом, и в конце в отдельном поле выводится результат сложения. Выбор производится текстовых <option>, к каждому из которых каким-то образом должны быть присвоены числовые значения для сложения.
Ответить с цитированием
  #2 (permalink)  
Старый 26.11.2015, 15:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,299

Adverterio,
остальное сами напишите ...
var sum = (+sel1.value||0) + (+sel2.value||0);
Ответить с цитированием
  #3 (permalink)  
Старый 26.11.2015, 15:34
Профессор
Отправить личное сообщение для Mess4me Посмотреть профиль Найти все сообщения от Mess4me
 
Регистрация: 03.11.2014
Сообщений: 263

Adverterio,
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
 
    <title>Test Frontend</title>
     <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <style>



    </style>
</head>
<body>
<select name="first" id="first">
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
    <option value="4">Text 4</option>
</select>

<select name="second" id="second">
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
    <option value="4">Text 4</option>
</select>

<span id="result"></span>

<script>
 
    $('select').on('change', function () {
         var res = ( +$('#first').val() ||0) + (+$('#second').val()||0);
        $('#result').html( res)

    })



</script>


</body>
</html>

Последний раз редактировалось Mess4me, 26.11.2015 в 15:39.
Ответить с цитированием
  #4 (permalink)  
Старый 26.11.2015, 15:36
Профессор
Отправить личное сообщение для Mess4me Посмотреть профиль Найти все сообщения от Mess4me
 
Регистрация: 03.11.2014
Сообщений: 263

Хотя немного неправильно сделал
Поправил!

Последний раз редактировалось Mess4me, 26.11.2015 в 15:39.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод заданного к-ва элементов списка SeGun Элементы интерфейса 6 14.06.2014 21:44
Вывод случайных элементов из массива в таблицу Narm0 Общие вопросы Javascript 10 06.08.2013 11:39
поочередный вывод элементов массива seosovest Общие вопросы Javascript 7 09.04.2012 09:47
Суммирование значений всех элементов div frolvict jQuery 1 11.07.2011 16:05
Вывод переменного по количеству элементов массива из json ArmagedDance Элементы интерфейса 4 08.06.2011 09:45