简体   繁体   English

如何使用JavaScript获取选项ID值

[英]how to get option id value using javascript

i want to get id value of option in select only using 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>

I am already getting option value in calculate function now i also want to get value of quantity_to?> in a variable of calculate function 我现在已经在calculate函数中获取了选项值,我也想在calculate函数的变量中获取quantity_to?>的值

Store it as a data-* attribute instead of trying to parse it out of the option text. 将其存储为data-*属性,而不是尝试从选项文本中进行解析。

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

JavaScript: JavaScript的:

function calculate(select){
    var quantity_to = select.options[select.selectedIndex].getAttribute('data-to');
}
function calculate(elem) {
    var value    = elem.value;
    var quantity = elem.querySelector('option[value="'+value+'"]').textContent.split(/to\s/).pop();
}

FIDDLE 小提琴

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM