Question

我有一个展示模型的视图。当更改下拉列表时，我会显示一个特殊的DIV。

我在div中有相同的属性。

 @Html.LabelFor(m => m.EstateType)
 @Html.DropDownListFor(m => m.EstateType)
<div id="apartment">
  <div class="row">
   @Html.LabelFor(m => m.Space)
   @Html.TextBoxFor(m => m.Space)

   @Html.LabelFor(m => m.Area)
   @Html.TextBoxFor(m => m.Area)

   @Html.LabelFor(m => m.Rooms)
   @Html.TextBoxFor(m => m.Rooms)

   @Html.LabelFor(m => m.Floor)
   @Html.TextBoxFor(m => m.Floor)
  </div>
 </div>
 <div id="shop"  style="display: none">
  <div class="row">
   @Html.LabelFor(m => m.Space)
   @Html.TextBoxFor(m => m.Space)

   @Html.LabelFor(m => m.Area)
   @Html.TextBoxFor(m => m.Area)

   @Html.LabelFor(m => m.Rooms)
   @Html.TextBoxFor(m => m.Rooms)

   @Html.LabelFor(m => m.Floor)
   @Html.TextBoxFor(m => m.Floor)
  </div>
 </div>

并更改下拉列表

 $('#EstateType').change(function () {
  var item = $(this).val();
  switch (item) {
    case "Apartments":
      $("#apartment").css("display", "block");
      $("#shop").css("display", "none");
     break;
     case "Shop":
      $("#apartment").css("display", "none");
      $("#shop").css("display", "block");
     break;

我填写controll但是当在Controller中发布数据时，数据在Block中为shop div时为空。

我可以在展示商店div时删除公寓div吗？

Answer 1

使用以下代码隐藏jquery中的div

$("#DIV_ID").hide();

Answer 2

你可以在2中使用jQuery

来做到这一点

方法1：使用方法hide（）

<强>语法：

$(selector).hide();

方法2：使用方法css（）。通过这个使用它我们将动态地应用样式。

<强>语法：

$(selector).css('display', 'none');

Answer 3

您需要在JQuery中使用Remove方法像：

$( "#DIV_ID" ).remove();

Answer 4

如果您不想传递值，可以使用disabled属性。

这是一个代码示例：

$("#apartment")
    .hide() //hide appartment div
    .find('input') //find all inputs in the div
    .prop('disabled', true); //disable them

$("#shop")
    .show() //show shop div
    .find('input') //find all inputs in the div
    .prop('disabled', false); //enable them

如何使用jQuery隐藏一个HTML的div？

4 个答案: