怎么做 <option>的<select>使用JavaScript显示还是隐藏？

Question

我想通过程序（JS）进行<选择>显示或隐藏的选项，可以吗？

就像StackOverFlow首页中有趣的标签一样，当您键入一些单词时，下拉列表将展开并提供建议。

ps。我知道在这种情况下StackOverFlow没有使用select，无论如何都以它为例。

Answer 1

您可以从select的options集合中添加或删除项目。

这是一个删除一个项目并添加另一个项目的示例：

<html>
<head>
<title></title>
<script type="text/javascript">

function init() {
  // get a reference to the element
  var sel = document.getElementById('sel');
  // remove an option
  sel.options[2] = null;
  // create a new option and add to the select
  var opt = document.createElement('option');
  opt.value = '5';
  opt.text = 'five';
  sel.options.add(opt);
}

</script>
</head>
<body onload="init();">
<form>

<select id="sel">
  <option value="0">zero</option>
  <option value="1">one</option>
  <option value="2">two</option>
  <option value="3">three</option>
  <option value="4">four</option>
</select>

</form>
</body>
</html>

Answer 2

function getCatListdef(sel)
{
    var index = ajax.length;
    ajax[index] = new sack();
     ajax[index].requestFile = 'data.php?cat_code='+sel;
     ajax[index].onCompletion = function(){ createCities(index) };  
    ajax[index].runAJAX();    
}

怎么做 <option>的<select>使用JavaScript显示还是隐藏？

问题描述

2 个解决方案

解决方案1
1 2010-09-25 15:27:35

解决方案2
0 2011-04-27 08:50:26

怎么做 <option>的<select>使用JavaScript显示还是隐藏？

问题描述

2 个解决方案

解决方案1 1 2010-09-25 15:27:35

解决方案2 0 2011-04-27 08:50:26

解决方案1
1 2010-09-25 15:27:35

解决方案2
0 2011-04-27 08:50:26