Question

我有一个包含24个项目的下拉列表，用户可以选中一个单选按钮，这会将其设置为仅显示12.如果他们取消选择它，下拉列表将显示之前的24个项目。

我让它只使用

显示12个项目

document.getElementById('theMenu').length = 12;

但是当我尝试将其设置回24时，其他12个项目都是空的。

我想我可能需要将值存储在某种临时数组中，然后将它们加载到下拉菜单中？（仅限Javascript）

感谢：）

Answer 1

是将长度设置为12正在破坏后面的12个值。

当页面准备就绪时将这些元素放入内存并且不操作该数组（将其用作常量），使用您需要的数组填充另一个数组，创建一个采用数组并填充数组的方法，这可能是有益的。下拉（你可以硬编码目标数组，或使目标Id成为另一个参数）。

您是否可以使用JQuery库？我建议如此。它很可能有一些有用的方法来操纵<select>。

Answer 2

为什么不使用jQuery使其更简单？

您可以将值存储在数组

中

var values = {1:one,2:two,3:three};

然后根据复选框值填充它们

$.each(values , function(key,value) { 
  alert(value); 
       $('#drop').
          append($("<option></option>").
          attr("value",key).
          text(key)); 

});

What is the best way to add options to a select from an array with jQuery?

Javascript从下拉列表中隐藏项目

2 个答案: