Показать сообщение отдельно
  #2 (permalink)  
Старый 17.05.2021, 18:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Сообщение от repz
Как добраться до <tr>, что бы присвоить <style="display:none"> - ?

<!DOCTYPE html>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        .hide {
            display: none;
        }
    </style>

</head>

<body>
    <table>
        <tr id="tr_PR456">
            <td width="60%" class="adm-detail-content-cell-r">
                <select name="" size="1">
                    <option value="" selected="">(нет)</option>
                    <option value="7823">заполнено</option>
                </select>
            </td>
        </tr>
        <tr id="tr_PR3457">
            <td width="60%" class="adm-detail-content-cell-r">
                <select name="]" size="1">
                    <option value="" selected="">(нет)</option>
                    <option value="7822">заполнено1</option>
                </select>
            </td>
        </tr>
        <tr id="tr_PR235">
            <td width="60%" class="adm-detail-content-cell-r">
                <select name="" size="1">
                    <option value="">(нет)</option>
                    <option value="4581" selected>заполнено2</option>
                </select>
            </td>
        </tr>
    </table>
    <script>
        var elems = document.querySelectorAll('option:checked');
        elems.forEach(option => option.text.includes('нет') && option.closest('tr').classList.add('hide'))
    </script>
</body>

</html>
Ответить с цитированием