JS、jQuery中select的用法详解

 更新时间:2016年04月21日 09:00:29   作者:jerrylsxu  
这篇文章主要介绍了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”); //定位id
var 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实现列表循环滚动

    js实现列表循环滚动

    这篇文章主要为大家详细介绍了js实现列表循环滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 详解JavaScript的变量和数据类型

    详解JavaScript的变量和数据类型

    这篇文章主要介绍了详解JavaScript的变量和数据类型,需要的朋友可以参考下
    2015-11-11
  • 微信小程序获取用户openid的实现

    微信小程序获取用户openid的实现

    这篇文章主要介绍了微信小程序获取用户openid的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • 计算黄金分割的javascript代码

    计算黄金分割的javascript代码

    计算黄金分割的javascript代码...
    2007-07-07
  • javascript smipleChart 简单图标类

    javascript smipleChart 简单图标类

    支持 线性图 区域图 柱状图 饼图 支持多浏览器 用到的是svg vml 之后加上 多层饼图 分段图 和组合图
    2011-01-01
  • 测量JavaScript函数的性能各种方式对比

    测量JavaScript函数的性能各种方式对比

    这篇文章主要介绍了测量JavaScript函数的性能各种方式对比,对性能感兴趣的同学,可以多实验一下
    2021-04-04
  • JavaScript:Div层拖动效果实例代码

    JavaScript:Div层拖动效果实例代码

    这篇文章介绍了JavaScript:Div层拖动效果实例代码,有需要的朋友可以参考一下
    2013-08-08
  • uni-app实现热更新的详细操作步骤

    uni-app实现热更新的详细操作步骤

    随着 App 成功上架,可能更新频率往往会越来越高,传统的应用更新方式要求用户重新下载并安装应用,这不仅耗费用户大量时间、流量,还严重影响用户体验,为了提升用户体验,热更新技术应运而生,所以本文介绍了uni-app实现热更新的详细操作步骤,需要的朋友可以参考下
    2025-04-04
  • JavaScript制作简单的框选图表

    JavaScript制作简单的框选图表

    这篇文章主要为大家详细介绍了JavaScript制作一个简单的框选图表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • TypeScript泛型约束条件示例详解

    TypeScript泛型约束条件示例详解

    有了泛型之后一个函数或容器类能处理的类型一下子扩到了无限大,似乎有点失控的感觉,所以这里又产生了一个约束的概念,下面这篇文章主要给大家介绍了关于TypeScript泛型约束条件的相关资料,需要的朋友可以参考下
    2022-04-04

最新评论