如何使用JavaScript獲取選項ID值

Question

我想僅使用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>

我現在已經在calculate函數中獲取了選項值，我也想在calculate函數的變量中獲取quantity_to？>的值

Answer 1

將其存儲為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');
}

Answer 2

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

小提琴