javascript 之 select下拉框
1.动态创建select
function createSelect(){
var mySelect = document.createElement(select);
mySelect.id = mySelect;
document.body.appendChild(mySelect);
}
2.添加选项option
function addOption(){
根据id查找对象,
var obj=document.getElementById('mySelect');
添加一个选项
obj.add(new Option(文本,值));
}
3.删除所有选项option
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0;
}
4.删除一个选项option
function removeOne(){
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex;//index,要删除选项的序号,这里取当前选中选项的序号
obj.options.remove(index);
}
5.获得选项option的值
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; 序号,取当前选中选项的序号
var val = obj.options[index].value;
6.获得选项option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; 序号,取当前选中选项的序号
var val = obj.options[index].text;
7.修改选项option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; 序号,取当前选中选项的序号
var val = obj.options[index]=new Option(新文本,新值);
8.删除select
function removeSelect(){
var mySelect = document.getElementById(mySelect);
mySelect.parentNode.removeChild(mySelect);
}
转自:http://www.cnblogs.com/rayking/archive/2008/09/03/1282473.html
分享到:
相关推荐
里面提供 并解决所有获得select下拉框里面的值 很有帮助
html最全的js javascript操作select 下拉框
JQ JS javascript 多选 多选下拉框 select bootstrap-select
好看的select下拉框(带搜索功能),由于默认select样式过丑而且有些东西还不好改,这个是利用input框和ul来实现一个下拉框的效果。分为不带搜索功能和带搜索功能两个部分。以及jquery与javascript两种实现
jQuery Editable Select 是一个jQuery插件,它将选择转换成输入字段,其中根据输入的字符实时显示单个元素。当JavaScript不可用时,它就变成了一个真正的选择列表。
layui的select下拉框插件,可以多选
javascript代码模块之自制漂亮的select下拉框
本文实例讲述了JavaScript实现获取select下拉框中第一个值的方法。分享给大家供大家参考,具体如下: 1、说明 获取select下拉框中的第一个值 2、实现源码 <!DOCTYPE ...
JQ JS javascript bootstrap 带搜索 下拉框 select
主要为大家介绍了javascript中select下拉框的用法,select在开发中经常被用到,用于进行选项选择,需要的朋友可以参考下
主要介绍了JavaScript实现两个select下拉框选项左移右移功能,js实现下拉框元素互相移动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jQuery Select下拉框美化特效.zip
jQuery Select下拉框美化插件.zip
jQuery模拟select下拉框三级城市联动代码.zip
js实现省市区三级联动非select下拉框版 在网上搜三级联动发现都是用option写的,突发奇想用其他方式写了一个,自我感觉效果还不错,大家感兴趣的可以看看,不说废话,大家看效果 代码如下,小白写的有点乱,大家...
Javascript操作下拉框的常用方法,在js与表单控制中,经常用的到。
Javacript生成下拉框,动态操作select和option
主要为大家介绍了javascript自定义select下拉框美化特效的相关资料,需要的朋友可以参考下