js获取下拉式选项框select 选中的值

最新推荐文章于 2023-06-14 11:06:31 发布

我家兔子爱挑食

最新推荐文章于 2023-06-14 11:06:31 发布

阅读量3.4k

点赞数 3

分类专栏：前端文章标签： js获取下拉框select 选中的值

本文链接：https://blog.csdn.net/weixin_44491927/article/details/96735871

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

大家用js写网页的时候，难免会遇到获取网页中下拉框选项的内容，那么用原生js如何获得下拉框的内容呢？请看下面的代码↓

<!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>js获取下拉式选项框select 选中的值 </title>
 </head>
 <body>
   <select id="city">
        <option>北京市</option>
        <option>天津市</option>
        <option>上海市</option>
    </select>
         <div id="last" style="width: 100px;height: 30px;background: #d1b134;">选中的城市为</div>   
    <script>
          var last = document.getElementById("last");
         	last.onclick = function(){
                //获取下拉框的对象
               var city = document.getElementById("city");
               //获取选中下拉框选项的索引
               var index = city.selectedIndex;
               //获取选中的值
               var myCity = city.options[index].value;
               //检查选中的值
               alert(myCity);
          	 }
  	</script>
   </body>
   </html>

我家兔子爱挑食

关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
js获取下拉式选项框select 选中的值

大家用js写网页的时候，难免会遇到获取网页中下拉框选项的内容，那么用原生js如何获得下拉框的内容呢？请看下面的代码↓<!doctype html> <html> <head> <meta charset="utf-8"> <title>js获取下拉式选项框select 选中的值 </title> </head...
复制链接

扫一扫