Question

我在cshtml中有以下视图边码

<div class="item-grid">

                @foreach (var product in Model.Products)
                {
                    var itemboxid = "item-box_" + @product.Id;

                      <div class="item-box" style="display:none;"  id="@itemboxid">

                         @Html.Partial("_ProductBox_Category", product)

                      </div>

                }

            </div>

通过defalt隐藏内容。我正在尝试使用以下javascript取消隐藏内容

    $(document).ready(function () {

        $("#search-box-button").click(function () {

            var city = $('#city').val();

            var serchterm = $('#small-searchterms1').val();

            @foreach(var product in Model.Products)
            {


                @:if(city==@product.city)
                {

                var pro_id = "#item-box_" + product.Id;

                @:$("@pro_id").show();



                }


             }

        });
});

#city是我们可以输入文本数据的文本框的id值但是这段代码工作不正常请帮我解决这个问题

Answer 1

我通常使用<text>标签（并在最后修改了你的产品ID - 它看起来你的js和razor变量混淆了）：

 $(document).ready(function() {

   $("#search-box-button").click(function() {

     var city = $('#city').val();
     var serchterm = $('#small-searchterms1').val();

         @foreach(var product in Model.Products) {

          <text>
               if (city == '@product.city') {
                 var pro_id = "#item-box_@product.Id";

                 $(pro_id).show();
               }
          </text>

         }

   });
 });

无法在razer中使用javascript

1 个答案: