使用jQuery使表单上的某些元素不可见

我有一个id为“dialogForm”的表单，包含输入、文本区域和选择

我想使上述所有元素（id=“Text”的元素除外）不可见，以便 用户无法在其中查看或输入任何新数据

<textarea class="mceEditor wijmo-wijtextbox ui-widget 
                         ui-state-default ui-corner-all" name="Text" 
id="Text" style="width: 825px;" rows="10" cols="99">test</textarea>

测试

---

然后我想对上面的元素进行样式设置，使其完全填充表单。有没有人能给我一些建议，告诉我如何做到这一点。

要隐藏特定的表单元素，您需要以下内容：

$("#dialogForm").children().not("#id").css("display":"none");

$('#dialogForm').find('input[type="text"], select, textarea:not(#text)').hide();

这将确保您的

元素以及其他元素（div等）也不会被隐藏。如果需要添加其他元素，如复选框等，只需将它们附加到选择器列表中即可

---

选中此项。

将所有元素的一个包装器div设为exmaple，其id为wrapperdiv。使用jquery，如$（'#wrapperdiv'）。而不是（'#text'）。hide（）；这是不对的。这不是一种过滤器。因此，您的选择器只包含一个元素

wrapperdiv

。无法过滤。您需要获取child elements.hmmm.that right$（'#wrapperdiv'）.children（）.not（'#text'）.hide（）；无需再次包装，因为他有表单标签@ChamikaSandamal-您也不能保证这些元素将是容器的子元素，

.find（）

更合适。