js获取<select>标签value值及text值

最新推荐文章于 2022-07-23 15:40:03 发布

转载最新推荐文章于 2022-07-23 15:40:03 发布 · 902 阅读

文章标签：

#javascript #user #function

javascript学习笔记专栏收录该内容

75 篇文章

订阅专栏

本文介绍了一种使用JavaScript来获取下拉菜单被选中项的方法。通过两种不同的方式实现：一是利用`getElementById`结合`selectedIndex`和`options`属性；二是直接通过`getElementById`及`selectedIndex`获取文本。这两种方法适用于网页开发中动态响应下拉菜单的选择变化。

转载地址: http://hi.baidu.com/ylj798/blog/item/678cbb135bc09cd7f6039e34.html

-------------------------------------------------------------------------------------------------------------------------

/***************第一种方式********/
          var factor=document.getElementById('hi');
           var fa=factor.selectedIndex;
           var username= factor.options[fa].value;

/***************第二种方式********/
           var user=document.getElementById('hi').options[document.getElementById('hi').selectedIndex].text;
           alert(username+'==========='+user);
     }
    </script>