JavaScript的onchange事件

JavaScript的onchange事件,第1张

楼上兄台思路很正确不过貌似忘加了点什么

select 标签要记得赋值

<select name="status" onchange="showTime(this)">

<option value="New">New</option>

<option value="Pending">Pending</option>

<option value="Complete">Complete</option>

</select>

脚本:

<script language="javascript">

function showTime(obj){

if(objvalue=="Complete"){

//这里直接用new Date()的话显示的会比较难看,可以转化一下

//documentgetElementById("completeddate")value=new Date();

var date = new Date();

var newDate = dategetYear()+"年"+(dategetMonth()+1)+"月"+dategetDate()+"日";

documentgetElementById("completeddate")value = newDate

}

}

</script>

<select name="class1" id="class1" onchange="chg(thisvalue);">

<option value="">请选择</option>

<option value="0">国内新闻</option>

<option value="1">国际新闻</option>

</select>

<select name="class2" id="class2">

</select>

<script type="text/javascript">

var onecount;

subcat = new Array();

subcat[0] = new Array("A类新闻",0,1);

subcat[1] = new Array("B类新闻",0,2);

subcat[2] = new Array("C类新闻",0,3);

subcat[3] = new Array("D类新闻",0,4);

subcat[4] = new Array("E类新闻",1,5);

subcat[5] = new Array("F类新闻",1,6);

subcat[6] = new Array("G类新闻",1,7);

subcat[7] = new Array("H类新闻",1,8);

onecount=7;

var obj=documentgetElementById("class2");

function chg(locationid)

{

objoptions[0]=new Option("请选择","");

objlength = 1;

var i;

for (i=0;i<onecount;i++)

{

if (subcat[i][1] == locationid)

{

objoptions[objlength] = new Option(subcat[i][0], subcat[i][2]);

}

}

}

</script>

javascript onchange()事件:javascript onchange()事件一般用于用户表单中,例如:当文本框内容发生改变时触发的事件,或者下拉列表框内容发生改变时触发的事件等。

示例分享:onchange()事件,用户输入时,将小写字母转换为大写。

此处用到了javascript中的一个方法 toUpperCase(); //将小写母转换为大写字母。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>用户表单验证</title>

<script>

  function changeValue(){

  var userName=documentgetElementById("userName"); //通过Id获得对象userName;

 userNamevalue=userNamevaluetoUpperCase();  //将对象的值进行大小写的转换赋值给当前对象的值;

  }

</script>

</head>

<body>

<form name="myform" method="POST" action="registerphp" onsubmit="return checkForm();">

userName:<input type="text" name="userName" value="" id="userName" onchange="changeValue();" /><br/>

<input type="submit" name="" value="用户注册" />

</form>

</body>

</html>

以上就是关于JavaScript的onchange事件全部的内容,包括:JavaScript的onchange事件、ASP中的onchange事件、关于js的onchange方法。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9442789.html

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

发表评论

登录后才能评论

评论列表(0条)

保存