• select选中事件


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>无标题页</title>
        <script type="text/javascript">
        function showMessage()
        {
            if(document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value==1)
            {
                alert("你好,你选择了第 1 个");
                document.getElementById("divMessage").innerText=document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value;
            }
            else if(document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value==2)
            {
                alert("你好,你选择了第 2 个");
                document.getElementById("divMessage").innerText=document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value;
            }
            else if(document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value==3)
            {
                alert("你好,你选择了第 3 个");
                document.getElementById("divMessage").innerText=document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value;
            }
            else if(document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value==4)
            {
                alert("你好,你选择了第 4 个");
                document.getElementById("divMessage").innerText=document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value;
            }
        }
        </script>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    </head>
    <body>
    <select id="selectID" onchange="return showMessage()">
        <option value="0">-----请选择----</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
        <div id="divMessage"></div>
    </body>
    </html>

    无标题页

     
  • 相关阅读:
    Codeforces Round #719 (Div. 3) 题解
    Codeforces Global Round 14 A~F题解
    AtCoder Beginner Contest 199 题解
    Codeforces Round #716 (Div. 2) A~D 题解
    Codeforces Round #713 (Div. 3) 题解
    Codeforces Round #712 (Div. 2) A~E 题解
    CodeCraft-21 and Codeforces Round #711 (Div. 2) A~E 题解
    CF839 D 莫比乌斯反演
    java存大数和高精度浮点数(BigInteger与BigDecimal)
    java科学计算常用方法(Math)
  • 原文地址:https://www.cnblogs.com/subtract/p/3787931.html
Copyright © 2020-2023  润新知