jquery之index与selectedIndex

2023-10-31

晚上有时间,继续再写一点,我们来讲一下关于select表单的所有操作,在项目中还是有很多地方需要用到的。
讲select之前先讲一下index()的用法,很长时间之前用过一回,熟悉一下还是有用处的。
1.index()同级元素的index() 获得第一个匹配元素相对于其同胞元素的 index 位置。若没有时为-1(可用来判定元素是否存在);
2.$(selector).index(element) 获得元素相对于选择器的 index 位置。(该element必须有
selector属性,就例如一下代码,必须jquery(“#favorite”)必须有class属性才可以得出index)
强调一下:必须是同胞(即同一个父亲)

<body>
<div class="content">
        <ul>
          <li>Glen</li>
          <li >Tane</li>
          <li>John</li>
          <li >Ralph</li>
        </ul>
        <ul>

          <li class="hot">Tane</li>
          <li class="hot" id="favorite">Glen</li>
          <li>John</li>
          <li >Ralph</li>
        </ul>
</div>  
<script type="text/javascript">
$(function(){
    var val = $("#select_1").get(0).selectedIndex;
    alert(val)
    alert("exit"+$(".aa").index())
});
$(function(){ 
    $("ul li").click(function() {
        n = $(this).index();
        alert("被点击的li标签的index顺序为:"+n+");  
    });
    alert($(".hot").index($("#favorite")));
});
</script>
</body>

了解了index,接下来讲一下selectedIndex:
从代码中可以清晰的看到取得index的方法以及对于选中select某一个值的几种方法:

<div>
    <select id="select_1">
        <option>aa</option>
        <option>bb</option>
        <option>cc</option>
    </select>
</div>
<script type="text/javascript">
$(function(){
//获取选中元素的索引
    var val = $("#select_1").get(0).selectedIndex;
    alert(val)
    var val1 = $("#select_1 option:selected").prop("index");
    alert(val1);
    //获取最后一个元素的索引值
    var maxIndex=$("#select_id option:last").attr("index");
    alert(maxIndex);
});
$(function(){


     $("#select_1").get(0).selectedIndex=2;//index为索引值

    $("#select_1").prop("value","bb");

     $("#select_1").val("aa");

   $("#select_1").get(0).value = "cc";
});
$(function(){

//设置select option项:

 $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

 $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

 $("#select_id option:last").remove(); //删除索引值最大的Option

 $("#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
});
</script>

设置select 选中的索引:

 $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

设置select 选中的value:

$("#ddlRegType ").attr("value","Normal“);

$("#ddlRegType ").val("Normal");

$("#ddlRegType ").get(0).value = value;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery之index与selectedIndex 的相关文章

  • jqgrid 在编辑框中选择不正确的下拉选项值

    我正在使用表单编辑 表单中有两个选择框 一个选择框是国家 地区 另一个选择框是州 州选择框取决于所选的国家 地区 并将动态填充 例如 Country 美国 期权价值 1 英国 期权价值 2 美国的状态 阿拉巴马州 选项值 1 加利福尼亚州
  • 通过搜索查找下一个文本并突出显示不起作用

    当在搜索框中搜索任何文本时 它可以找到并突出显示正确的文本 但是当搜索下一个 新文本时 它无法找到下一个 新文本 再次搜索时它不起作用 我无法找到问题 这JS below JS button search click function va
  • Javascript:如何根据 html 标签扩展用户选择?

    乐代码 http jsfiddle net frf7w 12 http jsfiddle net frf7w 12 所以现在 当前的方法将完全按照 选择的方式获取所选文本 并添加标签 以便在显示时页面不会爆炸 但我想做的是 就是说 当用户选
  • JavaScript:参数列表后缺少 )

    这个 JavaScript 产生一个错误 参数列表后缺少 在 firebug 中使用代码 我究竟做错了什么 功能d缺少左括号 answer after 不应该逃避 只需常规报价即可
  • jQuery 单属性、带过滤器的多值选择器

    Images var boxlinks a href filter href png href gif href jpg href jpeg 有没有更有效的方法来使用 jQuery 中的过滤器选择单个属性的多个值 这里我尝试仅选择带有图像作
  • JQuery 可排序嵌套可排序 div

    这个问题与这个有关Nest jQuery UI 可排序 https stackoverflow com questions 19129476 nest jquery ui sortables 但我无法解决我的问题 问题是 我有一个包含项目的
  • 您网站上的自定义 jQuery 脚本有多少行代码?多少才算是太多呢?

    对于我们的网站 我使用了大量 jQuery 现在我正在查看基础库顶部的 340 行 jQuery 代码 多少是太多了 我将添加更多内容 我什么时候开始尝试压缩代码并最终转向 OOP 行数并不意味着什么 重要的是你实际上在做什么 您可能拥有
  • 使垂直网格线出现在跨区表格单元格的顶部

    我正在开发一个 ASP Net 项目 我有一个
  • 如何防止表单元素发送一些我们不想要的字段?

    我有一个表单元素 其中包含大约 5 个字段 最终查询将通过处理这些字段的值来创建这些字段 因此 我只想向服务器发送最终查询 而不是所有查询 如何排除这些字段的提交 使用 jQuery
  • jQuery 验证:更改默认错误消息

    有没有一种简单的方法来更改默认错误值jQuery 验证插件 http jqueryvalidation org 我只是想重写错误消息 使其对我的应用程序更加个性化 我有很多字段 所以我不想为字段 x 单独设置消息 我知道我可以做到这一点 将
  • 使用 bootstrap 将并排的网格位置交换到顶部和底部

    我有两个 div 内容和图像 它们在中等屏幕中并排放置 col md 6 内容 col md 4 图片 因此 当屏幕尺寸更改为小屏幕和 xs 屏幕时 这些 div 不应该并排放置 它们应该像这样顶部和底部对齐 image content 这
  • 检测 jqGrid 单元格中的复选框事件

    我正在探索jqGrid在我学习 Javascript 和 jQuery 的过程中 我成功地把checkbox在网格单元中 太棒了 这是我所拥有的 myTable jqGrid colModel name cb index cb width
  • 我可以使用 jQuery 执行 $_GET 方法/查看文件的 url [重复]

    这个问题在这里已经有答案了 可能的重复 在 JavaScript 中获取查询字符串值 https stackoverflow com questions 901115 get query string values in javascrip
  • PHP 多个 Ajax 请求:第一个请求阻止第二个请求

    我在一页上有 2 个 ajax 请求 我运行了第一个请求并单独启动了第二个请求 但第二个在第一个运行后停止工作 第一次结束后继续 第一个请求需要很长时间 大约 30 60 秒 此时我需要第二个请求来显示日志第一个请求发生的情况 我尝试使用
  • 使用javascript滚动滚动条或鼠标滚轮后触发事件

    我想知道是否可以触发事件after使用滚动条或鼠标滚轮 或在触摸设备上滑动 时滚动页面 基本上 我想检测用户何时停止滚动 以便我可以进行 AJAX 加载 而不是在滚动时加载 看起来jQuery s scroll 每次用户滚动时都会触发 并且
  • 如何在 jQuery Mobile 中将标题设置为全屏模式?

    当我设置属性时data fullscreen true 对于标题 它工作正常 但当我收到一些事件时 我确实需要在运行时执行此操作 我试过这个 document ready function data role header attr dat
  • 替换img路径jquery

    我正在尝试替换 jquery 中的 img 路径 注入远程页面 replaceexample com thumbs withexample com images 我已经尝试过这个 但似乎不起作用 img attr src replace t
  • MySQL 选择第一个字符在哪里

    如何选择单元格的第一个字符并使用它来定义返回的内容 看看MySQL 字符串 和 控制流 功能 http dev mysql com doc refman 5 1 en functions html 例如 SELECT IF LEFT myF
  • jQuery 相当于 underscore.js 的 groupBy

    jQuery 中是否有一个内置函数可以执行相当于http underscorejs org groupBy http underscorejs org groupBy 有什么解决方法吗 Thanks 不 jQuery 不是为数据处理而设计的
  • 突出显示单词并提取其附近文本的函数

    我有一个文本例如 Etiam porta semmalesuada magna mollis euismod 整数取数 ante venenatis dapibus posuere velit aliquet 埃蒂亚姆 门塔 塞姆 male

随机推荐

  • C# - var 关键字

    C var 关键字 引言 var 关键字使用规则 var 在表达式中的应用 例 1 var 可以选 例 2 var 必要 引言 C 代码经常会看到 var 关键字定义一个变量 带点神秘色彩 今天就来揭秘一下 从 C 3 0 开始 在方法范围
  • 【2022年1月1日更新】宝塔+青龙+Nvjdc&一对一推送+wskey智能化+管理员推送+Ninja+SaoBing面板+kingfeng+go-cqhttp/qqbot

    前言 2023年这些技术一部分不能用了 现在最优的技术是 青龙 ark短信登录 傻妞机器人 cqhttp或one node 具体可以参考我专栏里的其他文章 专栏 青龙相关 首先声明我也不是什么大佬 只是坑踩多了有经验了而已 看了无数大佬的文
  • GitHub上排名前100的优秀开源项目

    主要对当前 GitHub 排名前 100 的项目做一个简单的简介 方便初学者快速了解到当前 Objective C 在 GitHub 的情况 若有任何疑问可通过微博 甲骨文儿联系我 项目名称 项目信息 1 AFNetworking 作者是
  • 文件系统(4)——Ubuntu system service设置自动登录

    参考链接 linux systemd启动方式解析 如何开机自动登录 开机自动运行程序 https blog csdn net a617996505 article details 88423794 涉及文件 OK3399 linux ubu
  • STM32学习笔记----(4)GPIO

    STM32必须掌握的有时钟树和系统架构 感觉那个是比较简单的 多看几遍就能看会了 在后面的笔记中也会记录到这些 如果自己看不懂的话可以跟着不同外设的笔记来了解一下 这篇笔记是讲解的GPIO 学会了GPIO的话就可以完成32的第一个功能 ST
  • Android应用的闪退(crash)分析

    文章转自阿里客户端工程师试题简析 Android应用的闪退 crash 分析 1 问题描述 闪退 Crash 是客户端程序在运行时遭遇无法处理的异常或错误时而退出应用程序的表现 请从crash发生的原因分类与解决方法 在出现crash后如何
  • 人类高质量网格重建算法

    通常对于几何曲面的绘制采用采样描点的方式 比如球的方程为 对于这个方程可以将其改为参数方程 然后对与进行离散化 从而得到一系列的离散点 下面是c 的代码生成一个球 class Sphere public Mesh public Sphere
  • 数字图像隐藏图像的两种算法及实现代码

    数字图像 二值图像 也叫单色图像 是将每个像素点存放在一个bit空间 值为0或者1 的图像 也就是说每个像素 非黑即白 主要用于图像形态学的研究 8位灰度图像 每个像素存放在一个byte空间 8位 0 255 0表示最暗色黑色 255表示最
  • Shell 异常处理

    原创 转载请注明出处 bin bash 服务器执行以下脚本 重新上传脚本到服务器 gt 部署启动的脚本 当任何一行的命令执行错误的时候 比如命令写错了 直接退出 不继续往下执行 function openErrexit set e 当任何一
  • Linux 系统设置开机自动运行脚本的方法

    Linux 系统设置开机自动运行脚本的方法 目录 前言 在工作中 我们经常有个需求 那就是在系统启动之后 自动启动某个脚本或服务 在 Windows 下 我们有很多方法可以设置开机启动 但在 Linux 系统下我们需要如何操作呢 Linux
  • 从功能测试到掌握自动化,四个月时间我是如何从点工进入互联网大厂

    年关了 回望2022年 你的这个2022年收获咋样啦 各大招聘网站 测试工程师月薪一万以上基本都有一个必备技能 那就是自动化测试 那么自动化测试到底难不难呢 下面我将会将我的经历讲给大家听 希望听完后 大家会有自己的一个判断 1 知识体系化
  • 【python】数字图像处理

    目录 基本概念 图像增强 整体代码 线性变换 分段线性变换 对数变换 幂律变换 直方图 图像滤波 平滑图像 锐化图像 基本概念 数字图像定义 对于一幅图像 我们可以将其放入坐标系中 这里取图像左上定点为坐标原点 x 轴向右 和笛卡尔坐标系x
  • caffe 进行手写数字训练

    案例数据准备 下载 链接 https pan baidu com s 10CmpZUdEVmma4A0mziu9dw 提取码 dmjr 复制这段内容后打开百度网盘手机App 操作更方便哦 解压后放到data mnist 进入C Window
  • vs2019登录不上账号怎么办

    别用校园网 用手机热点几分钟就登录上了 惨痛的教训
  • Android APP间跳转

    1 通过包名启动APP 启动方式 只需知道目标APP包名即可 例如 app1 跳转到app2 app2包名为 com demo skipdemo app1启动代码如下 通过目标APP的包名创建intent对象 Intent intent g
  • Hyper-V安装图形化界面

    七 Hyper V安装图形化界面 此处主要需要时间下载界面的安装包 故在此只贴出操作 1 登录 然后键入命令 yum grouplist 可以看到Avilable Environment Groups 中有图形界面GNOME Desktop
  • 求特殊方程的正整数解

    本题要求对任意给定的正整数N 求方程X2 Y2 N的全部正整数解 输入格式 输入在一行中给出正整数N 10000 输出格式 输出方程X2 Y2 N的全部正整数解 其中X Y 每组解占1行 两数字间以1空格分隔 按X的递增顺序输出 如果没有解
  • SpringBoot不同环境加载不同配置文件

    Spring不同环境加载不同配置文件 resource profile 我们在使用spring的时候 一般都会有不同的环境需要部署 开发环境 测试环境和生产环境 而不同的环境则会有不同的配置 比如数据库ip 解决这个问题 我所熟悉的有两种策
  • java中如何将String类型的日期格式为yyyyMMdd转化为date类型的yyyy-MM-dd格式

    今天在做webservice接口服务的时候 xml文件传入的一个节点为人员的出生日期 对应实体类的字段类型为Date类型 获取到的值为String类型 代码如下 获取的值为 19570323 String dateString emp ge
  • jquery之index与selectedIndex

    晚上有时间 继续再写一点 我们来讲一下关于select表单的所有操作 在项目中还是有很多地方需要用到的 讲select之前先讲一下index 的用法 很长时间之前用过一回 熟悉一下还是有用处的 1 index 同级元素的index 获得第一