还记得之前做过一次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点的规则获得