Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>change demo</title>
- <style>
- div {
- color: red;
- }
- </style>
- <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
- </head>
- <body>
- <select name="TAAARIIIFISHE" id="tarif-plan">
- <option value="100">test1</option>
- <option value="200">test2</option>
- <option value="300">test3</option>
- <option value="400">test4</option>
- <option value="500">test5</option>
- <option value="600">test6</option>
- </select>
- <input name="INPUTISHEEEE" type="text" placeholder="Введите объем начислений" id="tarif-unit" value="">
- <span class="forms__hint">человек</span>
- <div></div>
- <input name="RESULTISHE" type="text" placeholder="Произведение" id="result" value="">
- <span class="forms__hint">произв</span>
- <script>
- //в TAAARIIIFISHE добавить ПУСТОЕ значение если надо
- $("#tarif-plan").change(function(){
- var tarifUnit = $(this).children("option:selected").val();
- // проверить что не выбрали пустое
- var multiply = $('#tarif-unit').val();
- //+ сделать здесь проверку на число
- if (multiply) {
- alert("You have selected - " + tarifUnit + " multiply -" + multiply);
- $('#result').val(tarifUnit * multiply);
- } else {
- $('#result').val(tarifUnit);
- }
- });
- // это работает только после нажатия ENTER можно сделать и по другому, например чтобы обрабатывалось каждое нажатие на клавиатуру
- $("#tarif-unit").on("input keyup",function(){ // добавить другие события, проверить краыйние случаи (например ввели нажали enter, ввели и просто мышку в другой фокус переместили без Enter и тд)
- var unit = $(this).val();
- //тут добавить проверку что это число
- //добавить проверки на то что отрицательное число могли ввести
- var tarifUnit = $("#tarif-plan").children("option:selected").val();
- if (!tarifUnit) {
- // случай когда сперва вводят кол-во человек
- alert("Вы не выбрали тарифную залупень под названием план");
- } else {
- $('#result').val(tarifUnit * unit);
- }
- //удалить
- alert("You change - " + unit);
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement