最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js中select下拉框常用操作方法
时间:2013-04-18 编辑:简简单单 来源:一聚教程网
js 操作select和option
1.动态创建select
代码如下 | 复制代码 |
function createSelect(){ var mySelect = document.createElement_x("select"); |
2.添加选项option
代码如下 | 复制代码 |
function addOption(){ //根据id查找对象, //添加一个选项 |
3.删除所有选项option
代码如下 | 复制代码 |
function removeAll(){ } |
4.删除一个选项option
代码如下 | 复制代码 |
function removeOne(){ //index,要删除选项的序号,这里取当前选中选项的序号 var index=obj.selectedIndex; |
5.获得选项option的值
代码如下 | 复制代码 |
var obj=document.getElementByIdx_x('mySelect'); var index=obj.selectedIndex; //序号,取当前选中选项的序号 var val = obj.options[index].value; |
6.获得选项option的文本
代码如下 | 复制代码 |
var obj=document.getElementByIdx_x('mySelect'); var index=obj.selectedIndex; //序号,取当前选中选项的序号 var val = obj.options[index].text; |
7.修改选项option
代码如下 | 复制代码 |
var obj=document.getElementByIdx_x('mySelect'); var index=obj.selectedIndex; //序号,取当前选中选项的序号 var val = obj.options[index]=new Option("新文本","新值"); |
8.删除select
代码如下 | 复制代码 |
function removeSelect(){ |
下面再发上jquery+select/" target="_blank">jquery select操作吧
语法解释:
代码如下 | 复制代码 |
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 |
jQuery设置Select选择的Text和Value:
语法解释:
代码如下 | 复制代码 |
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); //设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 |
jQuery添加/删除Select的Option项:
语法解释:
代码如下 | 复制代码 |
1. $("#select_id").append("Text"); //为Select追加一个Option(下拉项) 2. $("#select_id").prepend("请选择"); //为Select插入一个Option(第一个位置) 3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option |
-
上一个: js判断手机访问还电脑访问网站
相关文章
- js实现下拉框效果(select) 08-01
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31