【笔记】选择框 change 事件获取内容

还记得之前做过一次js 的联动效果，在获取下拉框change事件后的 value 时，当时的我做得比较费劲。

现在看了高程的表单脚本那一章之后发现有一个更好的方法，那就是直接获取下拉框change 事件后的 value

下拉框的value值和option是有关的，至于他们的关系有以下几点：

　　1、如果没有选中项，下拉框的value 为空

　　2、如果有一个选中项，并且此选中项有 value 特性，则下拉框的 value 就是此选中项的 value 特性

<select id="select">
    <option value="China">中国</option> //此时的下拉框value 等于 “China”
</select>

　　如果选中项有value  特性但内容为空，即下拉框的value也为空

<select id="select">
    <option value="">中国</option> //此时的下拉框value 等于 ""
</select>

　　3、如果选中项没有value 特性 则下拉框的value 等于选中项的文本

<select id="select">
    <option>中国</option> //此时的下拉框value 等于 “中国”
</select>

　　4、如果有多个选中项，下拉框的value 按照上面1，2点的规则获得