首页 javaWEB js、jquery、动态添加option项 .

js、jquery、动态添加option项 .

$(“#select_id”).append(“<option value=’Value’>Text<…

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

 $("#select_id").prepend("<option value='0'>请选择</option>");
//为Select插入一个Option(第一个位置)

 $("#select_id option:last").remove();
 //删除Select中索引值最大Option(最后一个)

 $("#select_id option[index='0']").remove();
//删除Select中索引值为0的Option(第一个)

 $("#select_id option[value='3']").remove();
//删除Select中Value='3'的Option

 $("#select_id option[text='4']").remove();
//删除Select中Text='4'的Option

 

$("#select_id").change(function(){//code...});
//为Select添加事件,当选择其中一项时触发

.var checkText=$("#select_id").find("option:selected").text();
//获取Select选择的Text

.var checkValue=$("#select_id").val();
//获取Select选择的Value

var checkIndex=$("#select_id ").get(0).selectedIndex;
 //获取Select选择的索引值

.var maxIndex=$("#select_id option:last").attr("index");
//获取Select最大的索引值

 

 

免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。

为您推荐

nodejs 整理记录

nodejs 整理记录

下载包 https://blog.csdn.net/m0_59878114/article/details/120274...
websocket测试html

websocket测试html

<!DOCTYPE html> <html> <head> <meta cha...
bigdemical两个数比较大小

bigdemical两个数比较大小

/*int result = bigdemical1.compareTo(bigdemical2) result = -...
Beetl2.7 中文文档

Beetl2.7 中文文档

Beetl目前版本是2.7.23,相对于其他java模板引擎,具有功能齐全,语法直观,性能超高,以及编写的模板容易维护等...
纯CSS实现多个便签在一行展示,拖动滚动

纯CSS实现多个便签在一行展示,拖动滚动

div <h2>请注意需要在移动端预览,PC端拖拽无效果</h2> <div class=...
返回顶部