如何篩選數據時選擇從下拉引導值引導

在我的網頁有一個下拉（引導）與不同的項目，我想過濾元素顯示此下拉菜單。如何篩選數據時選擇從下拉引導值引導

我的下拉列表看起來是這樣的：

此代碼：

<div class="btn-group dropdown todos" id="todos"> 
      <button class="btn btn-default dropdown-toggle botn-todos" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Todos 
      <span class="caret caret-posicion"></span> 
      </button> 
      <ul class="dropdown-menu ancho-todos" aria-labelledby="dropdownMenu1"> 
       <li><a href="#"><input value="1" name="busqueda1" type="radio" class="status-1" name="1"><span> Todos</span></a></li> 
       <li><a href="#"><input value="1" name="busqueda1" type="radio" class="status-3" name="3"> En camino</a></li> 
       <li><a href="#"><input value="1" name="busqueda1" type="radio" class="status-9" name="9"> En camino - 2do intento</a></li> 
       <li><a href="#"><input value="1" name="busqueda1" type="radio" class="status-6" name="6"> Entregado</a></li> 
       <li><a href="#"><input value="1" name="busqueda1" type="radio" class="status-12" name="12"> Entregado al 2do intento</a></li> 
       <li><a href="#"><input value="1" name="busqueda1" type="radio" class="nose" name=""> No se puede entregar</a></li> 
       <li><a href="#"><input value="1" name="busqueda1" type="radio" class="status-7" name="7"> Cancelado</a></li> 
      </ul> 
      </div>

，我想篩選看起來像項目：

我不知道能否幫助我onchnage內部下拉列表，但過濾器的代碼我沒有任何想法。

下拉列表項有一個類，名稱與列表元素匹配。

來源

2016-01-20 victor

有很多教程，以及過濾dom的插件......更不用說本網站上的很多帖子。你做了什麼研究，你嘗試過什麼？是的......一切都將取決於您的下拉菜單中的事件 – charlietfl

對於初學者，您應該使用標籤而不是錨標籤。標籤爲您提供了單擊單選按鈕本身或與其關聯的文本的好處。 –

我試圖理解，如果我可以做到這一點與類似的功能，如數據表 – victor

你可以做的是根據所選擇的收音機選項爲每一段你想要過濾的數據設置一個類。在你選擇了一個之後，通過你需要過濾的數據以及沒有與你想要過濾的id匹配的數據，向它們添加隱藏類。

來源

2016-01-20 19:20:43

我需要把我的下拉列表中的變量標籤或不是必需的？ – victor

是的，你想跟蹤你選擇的內容，以便過濾它。所以可能onchange你會調用一個函數，並根據選定的下拉項目傳入類型。 –

如何篩選數據時選擇從下拉引導值引導

回答

相關問題