访问列表框select中option选项

最新推荐文章于 2020-04-10 10:18:35 发布

第十七签

最新推荐文章于 2020-04-10 10:18:35 发布

阅读量897

点赞数

分类专栏： JavaScript 文章标签： select

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/u012868077/article/details/51675313

版权

JavaScript 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <head>
            <meta http-equiv="Content-Type" content="text/html;charset=GBK"/>
            <title>Select选项</title>
        </head>
        <body>
            <select id="fruitSelect" name="fruitSelect">
                <option value="banana">香蕉</option>
                <option value="apple">苹果</option>
                <option value="orange">橘子</option>
                <option value="pear">梨</option>
            </select>
            <input type="button" value="第一个" onclick="change(current.options[0]);"/>
            <input type="button"  value="上一个" onclick="change(current.options[current.selectedIndex-1]);"/>
            <input type="button" value="下一个" onclick="change(current.options[current.selectedIndex+1]);"/>
            <input type="button" value="最后一个" onclick="change(current.options[current.length-1]);"/>
            <script type="text/javascript">
                var current=document.getElementById("fruitSelect");
                function change(target){
                    alert(target.text);
                }
            </script>
        </body>
    </head>
</html>

这里写图片描述

第十七签

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
访问列表框select中option选项

<!DOCTYPE html><html> <head> <head> <meta http-equiv="Content-Type" content="text/html;charset=GBK"/> <title>Select选项</title> </head> <body>
复制链接

扫一扫