如何基於列表的 Js 迭代隱藏 select 標記

Question

我在回答這個問題時遇到了挑戰，但我試圖研究並重做。 我正在嘗試從 controller 獲取列表中的項目，然后遍歷列表。 根據數組的內容，我想顯示或隱藏其中包含選項的 select。 我現在似乎無法隱藏或顯示它們中的任何一個。

 var names = ['marketing']; //or ['business'] var text = ""; var i; //$(document).ready(function() { for (i = 0; i < names.length; i++) { if (names[i] === 'business') { //alert('Hooray'); $("#business").show("slow"); $(".marketing").hide("fast"); } else if (names[i] === 'marketing') { $("#marketing").show("slow"); $(".marketing").hide("fast"); } }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="all" id="note"> Some content will be posted here... </div> <select id="marketing" multiple> <option value="1">Definition</option> <option value="2">Advertise</option> <option value="3">Promotion</option> </select> <select id="business" multiple> <option value="1">Definition</option> <option value="2">Buy</option> <option value="3">Sell</option> </select>

Answer 1

如果您的array包含id的確切名稱，您可以使用 CSS “隱藏”元素並使用兩行 javascript 顯示它們

 var names = ['marketing'];//or ['business'] names.forEach( name => { $('#' + name).show('slow') });

 select { display: none; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="all" id="note"> Some content will be posted here... </div> <select id="marketing" multiple> <option value="1">Definition</option> <option value="2">Advertise</option> <option value="3">Promotion</option> </select> <select id="business" multiple> <option value="1">Definition</option> <option value="2">Buy</option> <option value="3">Sell</option> </select>