<select class="license_type" name="license_type" id="license_type">
<option value="l_one" data-one="500">License 1</option>
<option value="l_two" data-two="700">License 2</option>
<option value="l_three" data-three="1400">License 3</option>
</select>
这些500、700、1400稍后将通过PHP编程实现。因此,我的目标是通过数据集在JS中获取它们。
我写的JS函数是:
function someFunction() {
var vOne= document.getElementById("license_type");
var vTow = vOne.options;
var c1 = vTow.dataset.one;
var c2 = vTow.dataset.two;
var c3 = vTow.dataset.three;
}
然后在另一个JS中,而不是像这样的硬编码价格:
var prices = [500, 700, 1400];
和这个:
var prices = ['c1', 'c2', 'c3'];
但这会生成NAN,这意味着c1,c2,c3没有数值。解决方法是什么?
查看您的代码,它似乎具有三个静态选项,因此考虑以下代码将起作用。
function someFunction() {
var license_type= document.getElementById("license_type");
var c1 = license_type.options[0].getAttribute('data-one');
var c2 = license_type.options[1].getAttribute('data-two');
var c3 = license_type.options[2].getAttribute('data-three');
var prices = [c1, c2, c3];
console.log(prices)
}
但是,如果这些选项是动态的,那么您将不得不遍历这些选项。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句