Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使用jquery知道选择了哪个数字选项

如何使用jquery知道选择了哪个数字选项
EN

Stack Overflow用户
提问于 2014-01-13 20:38:45
回答 4查看 124关注 0票数 0

我有一个html页面,在这里我有一组选择菜单,如下所示。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
   <label>Product Details</label>
      <select id="PD">
         <xsl:for-each select="PRODUCT_DETAILS">
           <option value="{DATA0}"><xsl:value-of select="DATA0"></xsl:value-of></option>
         </xsl:for-each>
      </select>

   <label>Price Details</label>
      <select id="PRD">
         <xsl:for-each select="PRICE_DETAILS">
           <option value="{DATA1}"><xsl:value-of select="DATA1"></xsl:value-of></option>
         </xsl:for-each>
      </select>

如您所见,这个选择菜单选项是由一些多行xml填充的。现在,如果我选择产品细节选项2,然后从价格细节,选项2应该得到选择汽车。

我只想知道如何使用jquery选择哪个选项号,比如,如果我选择了Product中的选项2,那么结果应该是2。

基于这个值,如何在价格细节中选择选项2,使用选项号,只使用jquery。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2014-01-13 20:44:04

我认为您正在寻找所选选项的索引。

要获得

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var index = $('#selectid option:selected').index(); // it gives 0 based index

设置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#selectid option').eq(index).prop('selected', true)

演示:小提琴

票数 1
EN

Stack Overflow用户

发布于 2014-01-13 20:46:24

试试像这样的东西

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
document.getElementById("mySelect").selectedIndex;

selectedIndex属性在下拉列表中设置或返回所选选项的索引。 索引从0开始。

票数 1
EN

Stack Overflow用户

发布于 2014-01-13 20:40:37

下面是一个简单的例子:

HTML中的

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<select id="myselect">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

In JS:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$( "#myselect option:selected" ).index();

在这里读到关于.index()的文章。演示

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21106200

复制
相关文章
Kafka 与 RabbitMQ 如何选择使用哪个?
消息队列:多个生产者可以向同一个消息队列发送消息,但是一个消息只能被一个消费者消费。
新亮
2021/09/08
1.1K0
选择篇(017)-哪个选项是不正确的?
在JavaScript中,所有对象键都是字符串(除了Symbol)。尽管有时我们可能不会给定字符串类型,但它们总是被转换为字符串。
齐丶先丶森
2022/05/12
1.3K0
使用jquery判断是否为数字
说明: isNaN()函数,如果传入的参数是数字返回false,否则返回true
全栈程序员站长
2022/06/30
2.8K0
前端框架 jQuery 和 Vue 如何选择?
不会前端开发的后端不是一个好的后端开发,平时写点小项目可以用得上,先简单了解一下前端这个概念。
良月柒
2019/09/29
9.3K1
前端框架 jQuery 和 Vue 如何选择?
jQuery 选择器使用方法
下面的代码,只有外层段落的字体会改变颜色,里层不会,因为里层是属于 divInner 的直系元素
Remember_Ray
2020/03/09
4.6K0
jQuery 选择器使用方法
下面的代码,只有外层段落的字体会改变颜色,里层不会,因为里层是属于 divInner 的直系元素
Remember_Ray
2020/03/08
4.7K0
【答疑解惑】如何知道要包含哪个头文件
之前遇到一个同学问一个问题,他在c源文件中使用bool变量,然后编译的时候提示bool没有定义。不知道怎么办。其实对于初学者来说,遇到的编译错误最多的就是某某变量或函数没有定义,或者有的时候函数有定义,编译过了但是在链接的时候提示找不到函数符号。这类错误其实都是非常好解决的。下面介绍一种在linux下编程如何更好更快的解决此类问题。 对linux稍微有点了解的同学估计都知道linux下有一个man命令,但是会用的人估计并不多。man分为很多部分: 1 用户命令, 可由任何人启动的。 2 系统调用, 即由内核
程序员互动联盟
2018/03/13
1.1K0
jquery选择器用法_jQuery属性选择器
一、 基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素,并以iQuery包装集的形式返回给对象。 使用公式:(“#id”) 示例:(“#box”) //获取id属性值为box的元素 2. 元素选择器 元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名,也就是说元素选择器是根据元素的标记名选择的。 使用公式:(“element”) 示例:(“div”) //获取所有div元素 3.类名选择器 类选择器是通过元素拥有的CSS类的名称查找匹配的DOM元素。在一个页面中,一个元素可以有多个CSS类,一个CSS类又可以匹配多个元素,如果有元素中有一个匹配类的名称就可以被类选择器选取到。简单地说类名选择器就是以元素具有的CSS类名称查找匹配的元素。 使用公式:(“.class”) 示例:(“.box”) //获取class属性值为box的所有元素 4.复合选择器 复合选择器将多个选择器(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的jQuery对象。 注意:多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素,而是将每个匹配的元素合并后一起返回。 使用公式:(“selector1,selector2,……,selectorN”) selector1:一个有效的选择器,可以是ID选择器、元素选择器或类名选择器等 selector2:另一个有效的选择器,可以是ID选择器、元素选择器或类名选择器等 selectorN:(可选择)任意多个选择器,可以是ID选择器、元素选择器或类名选择器等 示例:(“div,#btn”) //要查询文档中的全部的<div>元素和id属性为btn的元素 5.通配符选择器
全栈程序员站长
2022/11/16
12.2K0
jQuery中属性选择器的使用
代码片段如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性选择器的使用</title> <style> </style> </head> <body> <button>获取具有href属性的 DOM 对象</button><br> <button>获取属性值为www.baidu.com对象</button><br> <button>获取属性值不为www.baidu.com对象<
软件小生活
2021/10/08
2.4K0
jQuery中属性选择器的使用
jQuery 选项卡插件 FengTab by FungLeo
好无聊啊,权当练手,写了一个选项卡插件 Html 结构 <h2>Demo 1</h2> <div id="FengTab" class="FengTab"> <ul class="tab"> <li>Title 1</li> <li>Title 2</li> <li>Title 3</li> <li>Title 4</li> </ul> <div c
FungLeo
2022/11/28
1.3K0
cad看图软件哪个好?如何选择好的软件
CAD对于很多人来说应该是不陌生的,因为进行平面设计等行业的人基本都会用到CAD,而且在如今这个“技多不压身”的时代,学习CAD已经是大多数人的学习日常,毕竟它的运用领域还是非常广泛的。尤其是如今CAD也有了相信的认证考试,考试门槛并不高,所以越来越多的人都想要学习CAD。和CAD无法分割的就是cad看图软件,通过cad看图软件才能够将整个图完整呈现出来,那么cad看图软件哪个好呢?
用户8715145
2021/06/17
12.8K0
比特币玩家如何选择数字钱包
企鹅号小编
2018/01/09
1K0
比特币玩家如何选择数字钱包
jQuery选择器
说明: 可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功,否则选择失败。
落雨
2022/03/01
30.4K0
jQuery 选择器
基本选择器 基本选择器是最简单的选择器,可以通过元素id、class和标签名等来直接查找DOM元素。 元素选择器 根据给定元素名匹配元素。如下选择的是所有div元素。 $("div").css("
静默虚空
2018/01/05
7.4K0
JQuery选择器
1    $("*")      ---------选取所有元素 2   $(this)     --------选择当前HTML元素 3   $("p.a")   -----选取p元素下class为a的元素 4   $("p:first")  ----选取第一个p元素 5   $("ul li:first-child") ----选取ul下第一个li元素 6  $("tr:even")  -------选取偶数位置下的tr 7 $("tr :odd")   --------选取奇数位置的tr
用户3159471
2018/09/13
1.7K0
JQuery选择器
jQuery常用的事件: load:当文档加载时运行脚本 blur:当窗口失去焦点时运行脚本 focus:当窗口获得焦点时运行脚本 change:当元素改变时运行脚本 submit:当提交表单时运行脚本 keydown:当按下按键时运行脚本 keypress:当按下并松开按键时运行脚本 keyup:当松开按键时运行脚本 click:当单击鼠标时运行脚本 dblclick:当双击鼠标时运行脚本 mousedown:当按下鼠标按钮时运行脚本 mousemove:当鼠标指针移动时运行脚本 mouseout:当鼠标指针移出元素时运行脚本 mouseover:当鼠标指针移至元素之上时运行脚本 mouseup:当松开鼠标按钮时运行脚本 abort:当发生中止事件时运行脚本
我不是费圆
2020/09/21
7.4K0
jQuery(选择器)
注意:但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一 个子元素。这相当于:nth-child(1);
全栈开发日记
2022/05/12
1.5K0
jquery根据属性选择
有信仰的人不会孤独。——阿列克谢耶维奇 分享一个jquery选择器的小技巧 我们可以通过自定义属性键值选中一个元素 例如如下元素: <div ruben="vampire">阿超</div> 然后我们通过ruben=vampire选中这个div 就可以如下写法: let vampire = $('div[ruben="vampire"]') 我们可以简单测试一下输出里面的内容 <div ruben="vampire">阿超</div> <script type="text/javascript">
阿超
2022/08/17
1.9K0
jquery根据属性选择
jQuery 选择器
原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。
星辰_大海
2020/10/09
2.8K0
jQuery 选择器
jQuery选择集过滤
1. 选择集过滤的介绍 选择集过滤就是在选择标签的集合里面过滤自己需要的标签 2. 选择集过滤的操作 has(选择器名称)方法,表示选取包含指定选择器的标签 eq(索引)方法,表示选取指定索引的标签 has方法的示例代码: <script> $(function(){ // has方法的使用 var $div = $("div").has("#mytext"); // 设置样式 $div.css({"background":"re
落雨
2022/03/01
29.6K0

相似问题

如何知道选择了哪个选项PHP

10

如何知道使用Jquery选择了哪个单选按钮

30

知道选择了哪个选项卡

12

HTML表单如何知道选择了哪个选择选项?

10

如何知道通过jQuery选择了哪个单选按钮?

3970
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文