我有一个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。
发布于 2014-01-13 20:44:04
我认为您正在寻找所选选项的索引。
要获得
var index = $('#selectid option:selected').index(); // it gives 0 based index
设置
$('#selectid option').eq(index).prop('selected', true)
演示:小提琴
发布于 2014-01-13 20:46:24
试试像这样的东西
document.getElementById("mySelect").selectedIndex;
selectedIndex属性在下拉列表中设置或返回所选选项的索引。 索引从0开始。
发布于 2014-01-13 20:40:37
https://stackoverflow.com/questions/21106200
复制