Question

我想在select中使用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>

我现在已经在计算函数中获得了选项值，我现在也希望得到quantity_to的值？＆gt;在计算函数的变量

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();
}

FIDDLE

如何使用javascript获取选项id值

2 个答案: