编辑: 谢谢大家,但似乎没有任何效果。我将这段代码插入到一个我知道正在使用的文件中,该文件包含其他正常格式化的 javascript block ,但这仍然不起作用。它可以正常工作,但不适用于我的代码。我想这对于我要修改的平台和扩展来说太具体了(这是由第三方扩展修改的 Magento 结帐步骤的一部分)。我将开始考虑用手动生成的列表替换列表。再次感谢。
我试图在动态生成的下拉列表中隐藏一个选项。 CSS 解决方案并非适用于所有浏览器,尽管我在这里发现了几个类似的问题,但没有一个提供适合我的解决方案。
这是我的列表呈现的样子:
<select id="timeselect" name="adj[delivery_time][]" title="El plazo de la entrega" class="adjtimeselect select" type="time" ><option id="option-10" value="10" >10</option>
<option id="option-11" value="11" >11</option>
<option id="option-12" value="12" >12</option>
<option id="option-13" value="13" >13</option>
<option id="option-14" value="14" >14</option>
<option id="option-15" value="15" >15</option>
<option id="option-16" value="16" >16</option>
<option id="option-17" value="17" >17</option>
<option id="option-18" value="18" >18</option>
<option id="option-19" value="19" >19</option>
<option id="option-20" value="20" >20</option>
</select>
例如,我需要隐藏值为“12”的选项。 我正在使用这个 JS:
$("#timeselect option[value='12']").remove();
由于我是 JS 新手,任何建议将不胜感激。
谢谢。
最佳答案
使用JQuery的hide()
函数:jsFiddle
您可以使用 show()
将其取回
关于隐藏下拉列表选项的Javascript解决方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18300803/