使用css动态禁用一行

Question

如果用户选择了"从下拉列表中。我想禁用行(下拉列表除外)并从内容中清除文本。

例如:用户点击"在第一排。我想禁用第一行(但他可以从下拉菜单中选择另一个选项)并从内容中清除文本。

直到他选择了"沃尔沃";我让他行

<table>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
<tr>
<td><select name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select></td>
<td><input type="text" id="fname1" name="fname"></td>
<td><input type="text" id="fname2" name="fname"></td>
</tr>
<tr>
<td><select name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select></td>
<td><input type="text" id="fname3" name="fname"></td>
<td><input type="text" id="fname4" name="fname"></td>
</tr>
</table>

谢谢。

Answer 1

使用javascript添加css样式(或包含css的类)pointer-events:none;以及您可能想要的第一行的任何其他css。