option对象value属性设置或获取提交表单后向服务器提交的值。option属性默认值可以为空当为空的时候默认值为text内容
工具/原料
1
1.编辑器:notepad++ v.7.7.1
方法/步骤
1
创建一个名称为 option_value 的html文件
2
添加一个select下拉框 设置id为 my_option_id_value,添加多个option选项
3
添加一个button按钮,在点击事件中加入自定义函数 为my_option_value 添加一p标签,设置id 为 show_option_value
4
在javascript中创建一个自定义函数 my_option_value
5
在自定义函数中获取select option对象。用selectindex获取选中的option索引值,获取select下拉框的所有option选项,获取选中option数组用value属性获取属性值,将获取的结果添加到p 标签中显示
6
在浏览器中打开文件 option_value,点击button查看效果
总结
1.在js中先获取option对象2.用selectindex获取选中的option索引值3.获取select下拉框的所有option选项4.获取选中option数组用value属性获取属性值END
注意事项
1
1.option中的value可以不加属性
2
2.可以在js中设置value属性