如何用JavaScript隐藏HTML字段及关联标签？已实现字段隐藏但标签无法隐藏

你当前的代码只选中了name="EndorsementTypeID"的下拉框元素，所以只有下拉框被隐藏，对应的<label>没被选中自然不会隐藏。给你两种简单的解决方式：

方法一：直接定位对应的标签 #

通过label的for属性（和下拉框的id一致）选中标签，然后隐藏：

// 隐藏下拉框
$('[name="EndorsementTypeID"]').hide();
// 隐藏对应的标签
$('label[for="EndorsementTypeID"]').hide();

方法二：隐藏整个包含元素（更简便） #

因为标签和下拉框都在同一个<li>里，直接隐藏这个父元素就能一次性把两者都藏起来：

$('[name="EndorsementTypeID"]').closest('li').hide();

补充说明 #

你的HTML结构里，<label>的for属性值和下拉框的id完全匹配，这是正确的关联方式，所以方法一能精准定位到对应的标签；方法二则是利用DOM层级关系，找到最近的<li>父元素，一次性隐藏所有内容，适合不需要保留该区域其他元素的场景。

内容的提问来源于stack exchange，提问作者Amy