访问列表框select中option选项

柔情只为你懂 2022-09-21 04:00 175阅读 0赞

<!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>

![这里写图片描述][20160614224945731]

[20160614224945731]: /images/20220721/ac8b0bb915c14d4ca8c9a5722395d699.png

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery,ajax异步加载<select><option>option>select>多选框：

摘要：最近项目中用到了jquery，ajax，由于很长时间没用了，所以这次做花了很多时间，现在记录一下，方便以后回忆：一：js文件： <script type="

不念不忘少年蓝@/ 2024年02月17日 15:21/ 0 赞/ 67 阅读

相关获取select框的option值

<select name="type" id="aaa" οnchange="show_sub()"> <option value="0">请选

雨点打透心脏的1/2处/ 2022年12月17日 07:09/ 0 赞/ 188 阅读

相关 select下的option的框怎么去掉

select { /清除select的边框样式 / border: none; /清除select聚焦时候的边框颜色/

╰+哭是因爲堅強的太久メ/ 2022年11月15日 14:28/ 0 赞/ 396 阅读

相关 cmake：option选项

提供用户可以选择的选项。 option(<option_variable> "help string describing option" [i

系统管理员/ 2022年11月14日 14:50/ 0 赞/ 209 阅读

相关下拉框 select-option与datalist的区别

select option 下拉框只能下拉选择存在的值, 不能自己输入. <select> <optgroup label="国内">

小咪咪/ 2022年10月11日 15:55/ 0 赞/ 33 阅读

相关访问列表框select中option选项

<!DOCTYPE html> <html> <head> <head> <meta h

柔情只为你懂/ 2022年09月21日 04:00/ 0 赞/ 176 阅读

相关获取select列表框所选中的全部选项的值

$("select").change(function()\{ var strSel = $("select").val().join(","); \}) <select

柔情只为你懂/ 2022年07月11日 17:59/ 0 赞/ 204 阅读

相关 Scala Option(选项)

Scala Option(选项) Scala Option(选项)类型表示一个值得可选的(有值或者无值)。 Option\[T\] 是一个类型为T的可选值得容器：如果值

以你之姓@/ 2022年06月08日 00:44/ 0 赞/ 233 阅读

相关 ajax json动态组装select option选项

//redio change事件实时改变另外一个select选项值 $(function(){ $('input[type=radio][name=e

红太狼/ 2022年06月02日 05:22/ 0 赞/ 243 阅读

相关 select 选项 option 不可选 ,灰色,禁用

<select> <option>正常</option> <option disabled="disabled">不可选</option>

旧城等待，/ 2021年09月25日 14:40/ 0 赞/ 1145 阅读