AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

JS、jQuery中select的用法详解

51自学网 http://www.wanshiok.com
js_jquery_select用法

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获取select标签选中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值

jQuery中获得选中select值

第一种方式

$('#testSelect option:selected').text();//选中的文本$('#testSelect option:selected') .val();//选中的值$("#testSelect ").get(0).selectedIndex;//索引

第二种方式

$("#tesetSelect").find("option:selected").text();//选中的文本…….val();…….get(0).selectedIndex;

以上内容是小编给大家介绍的JS、jQuery中select的用法详解,希望对大家有所帮助!


js_jquery_select用法  
上一篇:JS实现队列与堆栈的方法  下一篇:jQuery中iframe的操作(点击按钮新增窗口)