Показать сообщение отдельно
  #5 (permalink)  
Старый 29.06.2018, 10:31
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<table>
   <tbody>
      <tr><td>Отдел - 1</td></tr> 
      <tr>
         <td>
            <select onchange="OnSelectionChange(this)" class="sel_val">
               <option value="0">0</option>
               <option value="10">10</option>
               <option value="20">20</option>
            </select>
         </td>
         <td>
            <select onchange="OnSelectionChange(this)" class="sel_val">
               <option value="0">0</option>
               <option value="10">10</option>
               <option value="20">20</option>
            </select>
         </td>
         <td>
            <input name="val_name"  class="itoginp" type="text" />
         </td>
      </tr>
   </tbody>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
function OnSelectionChange (_this) {
    var tr = $(_this).closest('tr');//находим ближайшего родителя tr
    var sum = 0;
   //в родителе находим все селекты и суммируем значения
   tr.find('.sel_val').each(function(){
       sum += +$(this).val();
   });
   //в родителе находим итоговый инпут и меняем итоговое значение
    tr.find('.itoginp').val(sum);
}
</script>
Ответить с цитированием