Attention
1.如何获取option值
获取select中点击option的值:
<select name="" id="">
<option value="">123</option>
<option value="">456</option>
<option value="">789</option>
</select>
<script>
var select = document.querySelector('select');
select.addEventListener('change', function() {
var xh = select.selectedIndex;
console.log(select.children[xh].innerHTML);
})
</script>
值得注意的是: 这里的option不能通过获取标签后来绑定点击事件,因为 option本身没有点击事件 ,所以可以给父元素添加change事件来获取改变元素的索引值,得到索引值后就可以获取子元素的innerHTML来得到option的值
2.伪数组
在伪数组绑定事件中,不能用里li[i],取获取当前的点击对象
有以下三种方法:
1.事件对象中的target属性
2.this获取
3.ES6后可以在循环变量用let定义
3.eval
计算字符串中的数学公式