养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

option对象如何使用selected属性

时间:2024-11-06 06:31:59

option对象selected属性是设置获取某个option是否为选中选项,当是选中状态返回true

option对象如何使用selected属性

工具/原料

1.编辑器:notepad++v.7.7.1

2.浏览器:百度浏览器8.7.5000.4983

方法/步骤

1、创建一个名称为option_selected的html文件

option对象如何使用selected属性

2、添加一个select下拉框设置id为my_optio艘绒庳焰n_id_selected,设置北京option选项为选中状态

option对象如何使用selected属性

3、添加一个button按钮,在点击事件中加入自定义函数为葡矩酉缸my_option_selected添加一p标签,设置id为show_option_selected

option对象如何使用selected属性

4、在javascript中创建一个自定义函数my_option_selected

option对象如何使用selected属性

5、在自定义函数中获取selectoption对象。用seleted属性获取属性水貔藻疽,将获取的结果添加到p标签中显示

option对象如何使用selected属性

6、在浏览器中打开文件option_selected,点击button查看效果

option对象如何使用selected属性

© 一点知识