Форум

Adverterio · #1 (**permalink**) 26.11.2015, 15:38

Подскажите пожалуйста скрипт, позволяющий суммировать два выбранных элемента из двух <select> и вывод результата в поле. То есть пользователь выбирает сначала из одного <select> доступный вариант, потом в другом, и в конце в отдельном поле выводится результат сложения. Выбор производится текстовых <option>, к каждому из которых каким-то образом должны быть присвоены числовые значения для сложения.

рони · #2 (**permalink**) 26.11.2015, 16:10

Adverterio,
остальное сами напишите ...

var sum = (+sel1.value||0) + (+sel2.value||0);

Mess4me · #3 (**permalink**) 26.11.2015, 16:34

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 · #4 (**permalink**) 26.11.2015, 16:36

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

Поправил!

Форум

Справочник

Discord чат

Курсы javascript