文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用jquery知道选择了哪个数字选项

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

Stack Overflow用户

提问于 2014-01-14 04:38:45

回答 4查看 124关注 0票数 0

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

   <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。

javascript

jquery

回答 4

Stack Overflow用户

回答已采纳

发布于 2014-01-14 04:44:04

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

要获得

var index = $('#selectid option:selected').index(); // it gives 0 based index

设置

$('#selectid option').eq(index).prop('selected', true)

演示：小提琴

票数 1

Stack Overflow用户

发布于 2014-01-14 04:46:24

试试像这样的东西

document.getElementById("mySelect").selectedIndex;

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

票数 1

Stack Overflow用户

发布于 2014-01-14 04:40:37

下面是一个简单的例子：

HTML中的：

<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:

$( "#myselect option:selected" ).index();

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

票数 0

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

原文链接：

https://stackoverflow.com/questions/21106200

复制

相似问题

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

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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