如何显示或隐藏页面重定向？

Question

我有一个表格中的4个字段

1. 产品领域。

2. 品牌领域。

3. 服务领域。

我想在索引中显示所有内容，但是当我转到产品网址时，我只想显示产品字段和服务字段

我尝试了.show和hide方法，但是它隐藏了所有url的字段

我正在尝试隐藏此方法，现在按照我的要求隐藏它，但是在表单字段中妥协了，我不希望有一个空白空间。

问题是不同的，现在它解决了我所做的事情，即我创建了一个不同的id并调用了特定的id，而又不影响页边距和所有内容，并且现在它的工作方式就像是魅力。

<div style="display:none;" class="appointment" id="booking-form-modal" data-backdrop="static" data-keyboard="false">

  <form method="POST" action="/submit-request" onsubmit="submitRequest();">

  <input type="hidden" name="_token" value="{{ csrf_token() }}">

    <div class="row">

      <div class="col-md-12">

        <div class="form-group">

        <select id="productDropdown" class="form-control" name="product" required>

        <option value="">Select Products</option>

        @foreach($products as $product)

        <option value="{{ $product['id']}}">{{ $product['name']}}</option>

        @endforeach

          </select>

        </div>

      </div>

    </div>

      <div  class="row" >

        <div class="col-md-12">

          <div class="form-group">

          <select id="brandDropdown" class="form-control" name="brands" required>

            <option value="">Select Brands</option>

          </select>

          </div>

        </div>

      </div>

    <div class="row">

      <div class="col-md-12">

        <div class="form-group">

        <select id="serviceDropdown" class="form-control" name="services" required>

          <option value="">Select Services</option>

        </select>

        </div>

      </div>

    </div>

  </form>

</div>

根据请求重定向的脚本

    <script type="text/javascript">

 window.addEventListener('load', function() {

    if(/services|1800/.test(window.location.href))

    {

      document.getElementById('brandDropdown').style.display = 'none';

    }

});

</script>