jQuery addClass example

Change class name on click in jQuery

by Павел KLON

HTML

<table>
  <tr>
    <td>
      <select name="">
        <option value="none">нет</option>
        <option value="...">значение</option>
      </select>
    </td>
    <td>
      <select name="" disabled>
        <option value="none">нет</option>
        <option value="...">значение</option>
      </select>
    </td>
    <td>
      <select name="" disabled>
        <option value="none">нет</option>
        <option value="...">значение</option>
      </select>
    </td>
    <td>
      <select name="" disabled>
        <option value="none">нет</option>
        <option value="...">значение</option>
      </select>
    </td>
    <td>
      <select name="" disabled>
        <option value="none">нет</option>
        <option value="...">значение</option>
      </select>
    </td>
  </tr>
</table>

JavaScript

$('table').on('change', function(e) {
  const
    $target = $(e.target),
    isNone = $target.val() === 'none',
    $next = $target.closest('td')[isNone ? 'nextAll' : 'next']().find('select');

  $next.prop('disabled', isNone);
  if (isNone) {
    $next.val('none');
  }
});