Advertisement
Guest User

Untitled

a guest
May 24th, 2019
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>change demo</title>
  6.   <style>
  7.   div {
  8.     color: red;
  9.   }
  10.   </style>
  11.   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  12. </head>
  13. <body>
  14.  
  15. <select name="TAAARIIIFISHE" id="tarif-plan">
  16.   <option value="100">test1</option>
  17.   <option value="200">test2</option>
  18.   <option value="300">test3</option>
  19.   <option value="400">test4</option>
  20.   <option value="500">test5</option>
  21.   <option value="600">test6</option>
  22. </select>
  23.  
  24. <input name="INPUTISHEEEE" type="text" placeholder="Введите объем начислений" id="tarif-unit" value="">
  25. <span class="forms__hint">человек</span>
  26. <div></div>
  27.  
  28. <input name="RESULTISHE" type="text" placeholder="Произведение" id="result" value="">
  29. <span class="forms__hint">произв</span>
  30.  
  31. <script>
  32.     //в  TAAARIIIFISHE добавить ПУСТОЕ значение если надо
  33.  
  34.     $("#tarif-plan").change(function(){
  35.         var tarifUnit = $(this).children("option:selected").val();
  36.         // проверить что не выбрали пустое
  37.  
  38.  
  39.         var multiply = $('#tarif-unit').val();
  40.  
  41.         //+ сделать здесь проверку на число
  42.         if (multiply) {
  43.           alert("You have selected - " + tarifUnit + " multiply -" + multiply);
  44.           $('#result').val(tarifUnit * multiply);
  45.         } else {
  46.           $('#result').val(tarifUnit);
  47.         }
  48.     });
  49.  
  50.     // это работает только после нажатия ENTER можно сделать и по другому, например чтобы обрабатывалось каждое нажатие на клавиатуру
  51.     $("#tarif-unit").on("input keyup",function(){ // добавить другие события, проверить краыйние случаи (например ввели нажали enter, ввели и просто мышку в другой фокус переместили без Enter и тд)
  52.         var unit = $(this).val();
  53.         //тут добавить проверку что это число
  54.         //добавить проверки на то что отрицательное число могли ввести
  55.  
  56.         var tarifUnit = $("#tarif-plan").children("option:selected").val();
  57.  
  58.         if (!tarifUnit) {
  59.           // случай когда сперва вводят кол-во человек
  60.           alert("Вы не выбрали тарифную залупень под названием план");
  61.         } else {
  62.           $('#result').val(tarifUnit * unit);
  63.         }
  64.  
  65.         //удалить
  66.         alert("You change - " + unit);
  67.  
  68.     });
  69.  
  70.  
  71.  
  72.    
  73. </script>
  74.  
  75. </body>
  76. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement