2014-04-25 63 views
1

我想要選擇id值的選擇只使用JavaScript。如何使用javascript獲得選項ID值

<select id="quantity" name="quantity" tabindex="2" onchange="calculate(this)" required autofocus> 
      <option value="">Choose Your Quantity</option> 
      <?php 

       if($prodqty) 
       { 
        foreach($prodqty as $qty) 
        { 
      ?> 

      <option value="<?=$qty->discount?>"><?=$qty->quantity_from?> to <?=$qty->quantity_to?></option> 

      <?php } } ?> 
     </select> 

我已經在計算功能計算功能的

+1

這是否必須是香草的JavaScript ...會使用jQuery恕我直言 – Zabs

回答

2

存儲變量獲得期權價值,現在我也想quantity_to的價值?>它作爲data-*屬性,而不是試圖解析出來的選項文本。

<option data-to="<?=$qty->quantity_to?>" value="<?=$qty->discount?>"><?=$qty->quantity_from?> to <?=$qty->quantity_to?></option> 

的JavaScript:

function calculate(select){ 
    var quantity_to = select.options[select.selectedIndex].getAttribute('data-to'); 
} 
+1

良好的非jQuery的答案更容易,我在想的數據屬性雖然與jQuery庫 – Zabs

0
function calculate(elem) { 
    var value = elem.value; 
    var quantity = elem.querySelector('option[value="'+value+'"]').textContent.split(/to\s/).pop(); 
} 

FIDDLE

相關問題