select下拉菜单的作用这里就不多介绍了,尽管很多时候由于美观度不够需模拟实现,但是一般情况下还是能够满足基本需求的,下面就介绍一下如何使用javascript操作select下拉菜单。

一.动态创建select下拉菜单:
   [ 其他 ] 运行代码    下载代码
<script>
function createSelect() { 
  var mySelect=document.createElement("select"); 
  mySelect.id="mySelect"; 
  document.body.appendChild(mySelect); 
}
</script>
以上函数可以创建一个select下拉菜单对象,id属性值为mySelect,并将其添加到body中。

二.添加option选项:
   [ 其他 ] 运行代码    下载代码
<script>
function addOption() { 
  var obj=document.getElementById('mySelect');
  //这个只能在IE中有效 
  obj.add(new Option("文本","值")); 
  //兼容IE与firefox 
  obj.options.add(new Option("text","value")); 
}
</script>
为select下拉菜单添加一个option选项。

三.删除选中的option项:
   [ 其他 ] 运行代码    下载代码
<script>
function removeOne() 
{ 
  var obj=document.getElementById('mySelect'); 
  //index,要删除选项的序号,这里取当前选中选项的序号 
  var index=obj.selectedIndex; 
  obj.options.remove(index); 
}
</script>

代码描述:javascript删除或添加 option选项。javascript删除或者添加option选项实例代码



142 189



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到