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

我有一个html页面，我有一组选择菜单，如下所示。如何知道使用jquery选择哪个数字选项

<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选择哪个选项编号，如果我选择如果我选择产品详细信息中的选项编号2，它应该给出2作为结果。

并基于这个值我怎么能选择选项编号2的价格细节使用选项编号只使用jQuery。

来源

2014-01-14 vishal_g

'<选择ID = “产品详细” 平变化= “this.form.PRICE_DETAILS.selectedIndex = this.selectedIndex” ...>'。 – RobG

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

要获得

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

要设置

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

演示：Fiddle

来源

2014-01-14 04:44:04

感谢您的完美回答 –

下面是简单的例子：

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

在JS：

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

阅读.index()这里。 DEMO。

来源

2014-01-14 04:40:37 Khamidulla

不应该是'$（“#myselect option：selected”）.val（）;'？ – tewathia

@Phoenix请检查我的问题，我知道这件事。我希望通过使用jquery选择选项号而不是所选选项的值和文本。如果我选择了第三种，那么就应该给出第三种和我想在其他选择菜单中自动选择相同的选项。 –

@tewathia对不起，我很着急:) – Khamidulla

$('#myselect').get(0).selectedIndex;

来源

2014-01-14 04:44:06

尝试事端克这样

document.getElementById("mySelect").selectedIndex;

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

索引从0开始

来源

2014-01-14 04:46:24

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

回答

相关问题