获取select下拉框值

最新推荐文章于 2023-03-29 14:53:06 发布

weixin_30458043

最新推荐文章于 2023-03-29 14:53:06 发布

阅读量205

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiaobaobao/p/6636037.html

本文介绍了如何使用JavaScript操作HTML中的下拉框元素，包括获取选中值、所有选项及其值和文本、当前选中项的索引及文本等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

         //首先获得下拉框的节点对象；
         var select = document.getElementById("s1");
         
         //1.获得当前选中的值：
         var value = select.value;
         
         //2.获得该下拉框所有的option的节点对象
         var options = select.options;
         //注意：得到的options是一个对象数组
         
         //3.获得第几个option的value值,比如我要获取第一option的value：
         var value1 = options[0].value;
         //4.如何获得第几个option的文本内容,比如我要获取第一option的文本：
         var text1 = options[0].text;
         
         //5.获得当前选中的option的索引
         var index = select.selectedIndex;
         
         //6.获得当前选中的option的文本内容
         //第2个，我们已经获得所有的option的对象数组options了
         //第5个，我们获取到了当前选中的option的索引值
         //options[index]下标的方法得到当前选中的option了
         var selectedText = options[index].text;

转载于:https://www.cnblogs.com/jiaobaobao/p/6636037.html