html如何定义下拉列表点击事件,代码说明如下

html如何定义下拉列表点击事件,代码说明如下,第1张

<html>

<head>

<meta charset="utf-8" />

<title>yu.html</title>

<!-- <script type="text/javascript" src="jquery-1.9.0.min.js"></script> -->

<script type="text/javascript">

window.onload = function ()

    {

    var sel = document.getElementsByName ('selectDropDown')[0]

    sel.onchange = function ()

    {

    var val = this.value

    switch (val)

    {

    case "0":

     alert(val)

    break

    case "-1":

     alert(val)

    break

    case "220":

     alert(val)

    break

    case "200":

     alert(val)

    break

    case "10":

     alert(val)

    break

    default:

     alert(val)

    break

    }

    }

    }

</script>

</head>

<body>

<form name="form" action="">

<select name="selectDropDown">

<option value="0">0

<option value="-1">-1

<option value="220">220

<option value="200">200

<option value="10">10

</select>

</form>

</body>

</html>

跳转到相应的页面。html点击d出下拉列表选择后跳转到相应的页面。超文本标记语言,标准通用标记语言下的一个应用。HTML不是一种编程语言,而是一种标记语言,是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7115371.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存