我試圖為一個表創(chuàng)建一個復(fù)雜的過濾器。我在語義UI中創(chuàng)建了幾個多選下拉菜單。對于每個下拉列表(標(biāo)準(zhǔn)語義UI多選下拉列表)，選定的標(biāo)簽顯示在下拉列表字段的旁邊。

問題:是否有可能在一個單獨的字段中收集所有的標(biāo)簽——不管它們被選擇在哪個下拉列表中(見圖片)？

上圖:2個標(biāo)準(zhǔn)語義UI過濾器//下圖:Photoshopped處理的結(jié)果

<div class="ui multiple dropdown">
          <input type="hidden" name="filters">
          <i class="filter icon"></i>
          <span class="text">Filter location</span>
          <div class="menu">
            <div class="ui icon search input">
              <i class="search icon"></i>
              <input type="text" placeholder="Search locations...">
            </div>
              <div class="scrolling menu">
              <div class="item" data-value="important">
                <i class="marker icon"></i>
                Hamburg
              </div>
              <div class="item" data-value="announcement">
                <i class="marker icon"></i>
                Berlin
              </div>
              <div class="item" data-value="cannotfix">
                <i class="marker icon"></i>
                Munich
              </div>
            </div>
          </div>
        </div>
           
        <div class="ui multiple dropdown">
          <input type="hidden" name="filters">
          <i class="filter icon"></i>
          <span class="text">Filter product category</span>
          <div class="menu">
            <div class="ui icon search input">
              <i class="search icon"></i>
              <input type="text" placeholder="Search category...">
            </div>
              <div class="scrolling menu">
              <div class="item" data-value="important">
                <i class="sitemap icon"></i>
                Furniture
              </div>
              <div class="item" data-value="announcement">
                <i class="sitemap icon"></i>
                Electronics
              </div>
              <div class="item" data-value="cannotfix">
                <i class="sitemap icon"></i>
                Food
              </div>
            </div>
          </div>
        </div>