码迷,mamicode.com
首页 > Web开发 > 详细

js、jquery中select的用法

时间:2016-04-21 08:52:11      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

1.js

var obj=document.getElementById(selectid);

obj.options.length = 0; //清除所有内容

obj.options[index] = new Option("three",3);  //更改对应的值
obj.options[index].selected = true;  //保持选中状态

obj.add(new Option("4","4")); ”文本",”值"

var index = obj.selectedIndex;obj.options.remove(index);//删除选中项

2.jquery

$("#select_id").append("<option value=‘Value‘>Text</option>");  //为Select追加一个Option(下拉项)

$("#select_id").").find(‘option:selected‘).text(); 获取select选中的text

$("#select_id").val(); 获取select选中的value

$("#select_id option[index=‘0‘]").remove();//删除索引值为0的Option

$("#select_id option[value=‘3‘]").remove(); //删除值为3的Option

$("#select_id option[text=‘4‘]").remove(); //删除TEXT值为4的Option

$("#mselect_id").change(function(){
     //添加所需要执行的操作代码
})

  

js、jquery中select的用法

标签:

原文地址:http://www.cnblogs.com/shouce/p/5415505.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!