首页 > 解决方案 > 从 Javascript 的选项值获取布尔值的正确方法

问题描述

这是我的html:

<select id="popularCategorySelectID">
    <option id="1" value="false" selected="selected">No</option>
    <option id="2" value="true">Yes</option>
</select>   

这是我的javascript:

var popularCategorySelectElement = document.getElementById("popularCategorySelectID");
var popularCategorySelectElementValue = Boolean(popularCategorySelectElement.options[popularCategorySelectElement.selectedIndex].text);   

我想在. Boolean_ 使用上面的代码,我总是得到. 我试过了,但结果是一样的。truefalsepopularCategorySelectElementValuetrue[ngValue]="true"true

谢谢你的时间!

标签: javascripthtmlhtml-selectgetelementbyid

解决方案


let bool = document.querySelector('#popularCategorySelectID').value === "true" ? true : false

甚至简单地说:

// this will return true if the conditional is true 
let bool = document.querySelector('#popularCategorySelectID').value === "true"

你可以得到一个布尔值。


推荐阅读