为什么 这个 onchange事件不起作用（急求）

tt个23 2014-08-27 02:38:29
<%@ page language="java" pageEncoding="GBK"%>




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript">
var xmlHttpReq ;
function createXmlHttpReq(){
if(window.XMLHttpRequest){
xmlHtttpReq = new XMLHttpRequest();
}else{
xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function checkUser(){
alert('测试');
var select = document.getElementById("city") ;
var index = select.selectedIndex;
var userName = select.options[index].text;
if(userName==""){
return false ;
}
createXmlHttpReq();
xmlHttpReq.onreadystatechange = handle ;
var url = ="http://localhost:8080/Test/UserServlet?name="+userName;
xmlHttpReq.open("get",url,true);
xmlHttpReq.send(null);
}

function removeElement(){
var element = document.getElementById("result");
element.options.length=0 ;
}
function create(city){
var city1 = new Array();
city1 = city.split(",");
var element_res = document.getElementById("result");
for(i = 0;i<city1.length;i++){
element_res.options.add(new Option(city1[1]);
}
}
function handle(){
alert("测试");
if(xmlHttpReq.readyState==4){
if(xmlHttpReq.status==200){
var res = xmlHttpReq.responseText;
removeElement();
create(res);


}
}
}
}
</script>
</head>

<body>

<select id="province" onChange="handle()">
<option value="-1" selected>请选择省份</option>
<option value="1">湖南</option>
<option value="2">广东</option>
</select>

<select id="result">
<option value="0">请选择城市</option>
</select>
</body>
</html>

...全文
597 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
tt个23 2014-08-27
  • 打赏
  • 举报
 回复
引用 1 楼 hookee 的回复:
1 xmlHtttpReq 拼错了 2 createXmlHttpReq()放到外面 3 element_res.options.add(new Option(city1[1]); 少了) 4 handle函数多了} 5 url加个时间戳 var url ="/Test/UserServlet?name=" + escape(userName) + "&" + escape(new Date()); 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
   <head>
    <script language="javascript">
 var xmlHttpReq ;
 function createXmlHttpReq(){
	 if(window.XMLHttpRequest){
		xmlHttpReq = new XMLHttpRequest();
	 }else{
		xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
	 }
 }
 createXmlHttpReq();
 function checkUser(){
	alert('测试');
	var select = document.getElementById("city") ;
	var index = select.selectedIndex;
	var userName =  select.options[index].text; 
	if(userName==""){
		return false ; 
	}
	 xmlHttpReq.onreadystatechange = handle ;
	 var url ="/Test/UserServlet?name=" + escape(userName) + "&" + escape(new Date());
	 xmlHttpReq.open("get",url,true);
	 xmlHttpReq.send(null);
 }

 function removeElement(){
	 var element = document.getElementById("result");
	 element.options.length=0 ;
 }
 function create(city){
	var city1 = new Array();
	city1 = city.split(",");
	var element_res = document.getElementById("result");
	for(i = 0;i<city1.length;i++){
		element_res.options.add(new Option(city1[1])); 
	}
 }
 function handle(){
	alert("测试");
	if(xmlHttpReq.readyState==4){
		if(xmlHttpReq.status==200){
			var res = xmlHttpReq.responseText;
			removeElement();
			create(res);
		}
	}
}   
    </script>
   </head>
   
   <body>

   <select  id="province" onChange="handle()">
   <option value="-1" selected>请选择省份</option>
   <option value="1">湖南</option>
   <option value="2">广东</option>
   </select>
   
   <select id="result">
   <option value="0">请选择城市</option>
   </select>
   </body>
   </html>
2,那个为什么 要放外面 5. 为什么要加时间戳
tt个23 2014-08-27
  • 打赏
  • 举报
 回复
2,那个为什么 要放外面 5. 为什么要加时间戳
hookee 2014-08-27
  • 打赏
  • 举报
 回复
1 xmlHtttpReq 拼错了 2 createXmlHttpReq()放到外面 3 element_res.options.add(new Option(city1[1]); 少了) 4 handle函数多了} 5 url加个时间戳 var url ="/Test/UserServlet?name=" + escape(userName) + "&" + escape(new Date()); 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
   <head>
    <script language="javascript">
 var xmlHttpReq ;
 function createXmlHttpReq(){
	 if(window.XMLHttpRequest){
		xmlHttpReq = new XMLHttpRequest();
	 }else{
		xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
	 }
 }
 createXmlHttpReq();
 function checkUser(){
	alert('测试');
	var select = document.getElementById("city") ;
	var index = select.selectedIndex;
	var userName =  select.options[index].text; 
	if(userName==""){
		return false ; 
	}
	 xmlHttpReq.onreadystatechange = handle ;
	 var url ="/Test/UserServlet?name=" + escape(userName) + "&" + escape(new Date());
	 xmlHttpReq.open("get",url,true);
	 xmlHttpReq.send(null);
 }

 function removeElement(){
	 var element = document.getElementById("result");
	 element.options.length=0 ;
 }
 function create(city){
	var city1 = new Array();
	city1 = city.split(",");
	var element_res = document.getElementById("result");
	for(i = 0;i<city1.length;i++){
		element_res.options.add(new Option(city1[1])); 
	}
 }
 function handle(){
	alert("测试");
	if(xmlHttpReq.readyState==4){
		if(xmlHttpReq.status==200){
			var res = xmlHttpReq.responseText;
			removeElement();
			create(res);
		}
	}
}   
    </script>
   </head>
   
   <body>

   <select  id="province" onChange="handle()">
   <option value="-1" selected>请选择省份</option>
   <option value="1">湖南</option>
   <option value="2">广东</option>
   </select>
   
   <select id="result">
   <option value="0">请选择城市</option>
   </select>
   </body>
   </html>
jquery-easyui-1.3.6.zip
jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签 1.3.6更新 Bug treegrid: getChecked方法不能返回正确的行. fixed. tree: 异步树,在onlyLeafCheck:true时复选框不显示正确. fixed. Improvement treegrid:继承datagrid组件所有的selecting和checking方法。 linkbutton:图标对齐方式,支持值:'top','bottom','left','right'。 linkbutton:添加"size"属性,支持值:'small','large'。 linkbutton:添加的onClick事件。 menubutton:添加"menuAlign"属性,允许用户设置顶级菜单对齐。 combo:添加"panelAlign"属性,支持值:'left','right'。 calendar:"formatter"、"styler"和"validator"选项可用于自定义日历日期。 calendar:添加的onChange事件。 panel:添加"method","queryParams"和"loader"属性。 panel:添加"onLoadError"事件。 datagrid:添加"onBeginEdit"事件。 datagrid:添加"onEndEdit"事件。 datagrid:添加"sort"方法和"onBeforeSortColumn"事件。 datagrid:"combogrid"编辑器集成到datagrid。 datagrid:添加"ctrlSelect"属性,允许使用ctrl+click 多选 slider:添加"converter"选项,允许用户决定如何将一个值转换为滑块的位置或滑块位置值。 searchbox:添加"disabled"属性。 searchbox:添加"disabled","enable","clear","reset"方法。 spinner:添加"readonly"属性、"readonly"方法和"onChange事件。
onchange事件不起作用
这个周我在写页面的时候需要用到onchange事件,但是奇怪的是不起作用alert的都弹不出来,一开始认为是框架本身存在问题,改来改去不好使,项目中其他的onchange就好使,后来 就好了,但是页面原有的部分样式改变了. 今天回济南,高速上,遇到个chusheng,变道不看后面有没...
select onchange 事件不起作用原因之（1）
检查设置onchange 方法是否和标签的id有冲突，修改一下冲突的标签id，或者重命名这个onchange事件，仅供参考！！！
Taro的Checkbox组件，onchange事件不起作用
在使用checkbox组件时，用onchange 事件，不起作用。 最后使用了看了官方文档 就换成这样： onChange事件起作用了
select的onChange监听不起作用问题
select的onChange监听不起作用问题
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章