Question

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

根据此值，如何使用选项编号仅使用jquery在价格详细信息中选择选项编号2。

Answer 1

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

获得

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

设置

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

演示：Fiddle

Answer 2

尝试这样的事情

document.getElementById("mySelect").selectedIndex;

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

索引从0开始。

Answer 3

这是一个简单的例子：

在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

Answer 4

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

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

4 个答案: