多语言展示
当前在线:500今日阅读:31今日分享:25

option对象如何使用value属性?

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属性

推荐信息