下拉列表框select对象的add()方法和remove()方法

 
一、add()方法
add():用于向一个<select>添别一个<option>元素
语法:
selectObject.add(option,before)
参数说明:
aption:必需。要添加选项元素。必须是option或者optgroup元素
before : 必需。在选项数组的该元素之前增加新的元素。如果该参数是null,元素添加到选项数组的末尾.注意:IE不用带参数null,直接写selectObject.add(option)
如下例所示:
<html>
<head>
<script type="text/javascript">
function insertOption()
  {
  var y=document.createElement('option');
  y.text='Kiwi'
  var x=document.getElementById("mySelect");
  if(navigator.appName=="Microsoft Internet Explorer"){    {
    x.add(y); 
    }
  else    {
    x.add(y,null); 
    }
  }
</script>
</head>
<body>
<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
<input type="button" onclick="insertOption()"
value="Insert option" />
</form>
</body>
</html>
二、remove方法:
remove()方法用于从下拉列表删除选项
语法:
selectObject.remove(index)
参数说明:
index:必须,规定要删除的选项的索引号
如下例如示:
<html>
<head>
<script type="text/javascript">
function removeOption()
  {
  var x=document.getElementById("mySelect")
  x.remove(x.selectedIndex)
  }
</script>
</head>
<body>
<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
<input type="button" onclick="removeOption()"
value="Remove option">
</form>
</body>
</html>

你可能感兴趣的:(职场,休闲,remove方法,add()方法)