zoukankan      html  css  js  c++  java
  • 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>

    无标题页

     
  • 相关阅读:
    linux 下ip命令对比ifconfig命令
    Redis使用详细教程
    shell中eval命令
    在Ubuntu 14.04 上安装 FTP 服务
    这本将shell的书应该不错
    linux sh 脚本调用外部命令
    c语言char 和int的问题
    ubuntu网卡ip的配置
    js中获取时间new date()的用法
    react 组件之间的通信
  • 原文地址:https://www.cnblogs.com/subtract/p/3787931.html
Copyright © 2011-2022 走看看