现在的位置: 首页 > 综合 > 正文

js、jquery中select的用法

2013年06月14日 ⁄ 综合 ⁄ 共 680字 ⁄ 字号 评论关闭

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(){
//添加所需要执行的操作代码
})

【上篇】
【下篇】

抱歉!评论已关闭.