Сообщение от 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>