JavaScript系列问题 —— 获取Select选中值的方式有哪些？

JavaScript原生方式

第一种方式：通过当先被选中的索引，去获得options集合中的节点，并通过value属性或者innerText获取值

//1、获取Select对象
var persons = document.getElementById("persons");
//2、获取当前Select选中的索引
var index = persons.selectedIndex;
//3、通过索引寻找节点，通过value属性获取该节点值
var value = persons.options[index].value

第二种方式：通过当前节点值改变事件去获取当前值

//1、获取Select对象
var persons = document.getElementById("persons");
//2、为Select对象添加onchange事件
persons.onchange = function(){
    console.log(this.value)
}

jQuery方式

//1.获取选中的项
var option = $("#persons option:selected")
//2.拿到选中项的值
console.log(option.val())
//3.拿到选中项的文本
console.log(option.text())