前端技术 手机教程
程序开发 平面动画
系统软件 运营推广
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

js/jquery获取html select当前选中值

2018-03-15 16:23:47 来源:原创 作者:寂静的神经

js获取html select当前选中值代码:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>js获取html select当前选中值-www.02405.com</title>
</head>
<body>
<select id="user" onchange="showSelect()">
    <option value="zhangsan">张三</option>
    <option value="lisi">李四</option>
    <option value="wangwu">王五</option>
</select>
<script type="text/javascript">
    function showSelect(){
        var obj = document.getElementById("user");
        var index = obj.selectedIndex;//当前select选中项的索引
        console.log(obj.options[index].value);//输出当前select选中项的value
        console.log(obj.options[index].text);//输出当前select选中项的text
    }
</script>
</body>
</html>

jquery获取html select当前选中值代码:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>js获取html select当前选中值-www.02405.com</title>
    <script src="jquery.min.js"></script>
</head>
<body>
<select id="user" onchange="showSelect()">
    <option value="zhangsan">张三</option>
    <option value="lisi">李四</option>
    <option value="wangwu">王五</option>
</select>
<script type="text/javascript">
    function showSelect(){
        console.log($("#user").find("option:selected").val());//输出当前select选中项的value
        console.log($("#user").find("option:selected").text());//输出当前select选中项的text
    }
</script>
</body>
</html>
分享到:
本文关键词:select html 获取 选中

相关文章

零五科技,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五科技 版权所有 辽ICP备13002105号-1

//百度 //cnzz