我有一个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。
我认为您正在寻找所选选项的索引
要得到
var index = $('#selectid option:selected').index(); // it gives 0 based index
设置
$('#selectid option').eq(index).prop('selected', true)
演示:小提琴
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句