如何知道使用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選擇哪個數字選項

回答

相關問題