`

oninput onpropertychange 思明互动 智能互动

阅读更多
 <textarea  id="title" name="title" rows="5" cols="40" oninput="getchange1();" onpropertychange="getchange1();"  >${ptitle}</textarea>


$(document).ready(function(){
	getchange1();
});
function getchange1(){
	debugger;
	var title="${object.title}";
	var content=$("#content").val();
	var url="<%=request.getContextPath() %>/servlet/AjaxServlet?date="+new Date();
	ajaxSend(title,content,"",url);
}
function ajaxSend(title,content,radio,url){
	$.get(url,{title:title,content:content,radio:3,id:"${object.id}"},function(data){
		//alert(data);
		
		if(data!=""){
		var content=eval("("+data+")");
		var b=content[0].list5;//政府信箱
		var d=content[0].title;
		//alert(d[0].title);
		var list= '';
		list+= '<table width="100%" border="0" align="center"  cellspacing="0" cellpadding="0" align="center" class="h32 mar_t15 t14  " bgcolor="#FFFFFF"> ';
		$.each(d,function(i,n){
		//list+= '<tr><input type="hidden" name="title" id="title" value="'+n.title+'"/> </tr>';
		//list+= '<tr><input type="hidden" name="radio" id="radio" value="'+n.radio+'"/> </tr>';
		});

		list+= '<tr><th colspan="2" bgcolor="#e9f3fd">供您参考的答复</th> ';
		if(b.length>0){
		list+= ' <td bgcolor="#e9f3fd" align="center"><a target="_blank" href="http://www.siming.gov.cn/zmhd/znhd/znhdxx/index.htm?url=common/jdbcPage.as?_in=outerquestion@014&more=1&title='+d[0].title+"&content="+d[0].content+"&radio="+d[0].radio+'">更多>></a></td> '
		}
		var c=content[0].newList;//办事指南
		var list1= '';
		list1+= '<table width="100%" border="0" align="center"  cellspacing="0" cellpadding="0" align="center" class="h32 mar_t15 t14  " bgcolor="#FFFFFF">	 ';
		list1+= '<tr><th colspan="2" bgcolor="#e9f3fd">供您参考的有关办事程序</th> ';
		if(c.length>0){
		list1+= ' <td bgcolor="#e9f3fd" align="center"><a target="_blank" href="http://www.siming.gov.cn/zmhd/znhd/znhdbs/index.htm?url=common/jdbcPage.as?_in=outerquestion@015&more=1&title='+d[0].title+"&radio="+d[0].radio+'">更多>></a></td> ';
		}
		$.each(b,function(i,n){
			list+= ' </tr> ';
			list+= ' <tr> ';
			list+= ' <td width="4%" align="center">'+ '<img src="<%=request.getContextPath() %>/outer/search/news_gl_icon2.jpg " /> </td> ';
        	list+= ' <td width="36%" colspan="2"> ';
        	list+= ' <a title="'+n.title+'" href="http://www.siming.gov.cn/zmhd/smlh/index_1765.htm?url=common/hbnObject.as?_in=outerquestion@003&_url=/outer/question/detail.jsp&id='+n.id+'" target="_blank">'+n.gcstitle+'</a> ';	
        	list+= '</td> ';	
        	//list+= '<td width="10%"  ><br>';	
			list+='</td> ';
            list+='</tr> '; 	
			//alert(i+n);
			});
            list+= '</table>';
		
		$("#zfxx").html(list);
		$.each(c,function(i,n){
			list1+= ' </tr> ';
			list1+= ' <tr> ';
			list1+= ' <td width="4%" align="center"><img src="<%=request.getContextPath() %>/outer/search/news_gl_icon2.jpg"  /></td> ';
			list1+= ' <td width="36%"  colspan="2"> ';
	        list1+= ' <a title="'+n.title+'" href="'+n.docpuburl+'" target="_blank">'+n.gcstitle +'</a> ';	
        	list1+= ' </td>';	
        	//list1+= ' <td width="10%"><br>';	
    		list1+= ' </td>';
			list1+= '</tr> ';
			//alert(i+n);
			});
			list1+= '</table>';
		
		$("#bszn").html(list1);
			alert("互动知识库为您找到了有参考价值的内容,显示在网页下方,请查看!");
		}
		});	
}
分享到:
评论

相关推荐

    js与jquery实时监听输入框值的oninput与onpropertychange方法

    主要介绍了js与jquery实时监听输入框值的oninput与onpropertychange方法,实例分析了oninput与onpropertychange实现下拉框里自动匹配关键字实时监听文本框value值变化的功能,需要的朋友可以参考下

    oninput,onpropertychange,onchange的用法和区别

    oninput、onpropertychange、onchange 的用法和区别 在 Web 开发中,了解 oninput、onpropertychange、onchange 三个事件的用法和区别非常重要,这三个事件都是用于检测用户输入的变化,但它们之间存在着一些关键的...

    js与jquery实时监听输入框值的oninput与onpropertychange方法.docx

    JS 与 jQuery 实时监听输入框值的 oninput 与 onpropertychange 方法 在 Web 开发中,实时监听输入框值的变化是一个常见的需求,例如自动完成功能、实时搜索、表单验证等。在这个资源中,我们将介绍 JS 与 jQuery ...

    js监听输入框值的即时变化onpropertychange、oninput.docx

    JavaScript 监听输入框值的即时变化 ...监听输入框值的即时变化可以使用onpropertychange 事件或oninput 事件来实现,但是需要注意浏览器的差异性问题,使用不同的事件和注册方法来适应不同的浏览器类型。

    onchange,onpropertychange,oninput键盘输入和js赋值时区别

    在JavaScript中,`onchange`、`onpropertychange` 和 `oninput` 是与用户交互相关的事件,它们各自有特定的触发条件,特别是在处理表单元素的键盘输入和JavaScript动态赋值时。以下是对这三个事件的详细解释: 1. `...

    javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

    onchange在用于文本框输入框时,有一个明显的不足....但是oninput有个诡异,必须用addEventListener的方式来绑定事件.否则无效. 好了, 以下是演示例子, 主流浏览器都没问题: on用onpropertychange,oni

    兼容Firefox和IE的onpropertychange事件oninput

    在JavaScript中,处理DOM元素状态变化的事件有多种,其中包括`onpropertychange`、`onchange`和`oninput`。这些事件在不同浏览器中有着不同的表现和兼容性,尤其是在Internet Explorer (IE) 和 Firefox之间。 `...

    asp.net关于onpropertychange和oninput事件实现代码

    整体思路是这样,当文本框的值改变时触发事件,对列表中原有的值进行过滤。 根据这个思路,首先需要解决的无非是确定文本框的...而对应的oninput则可以满足需求。 具体的实现是,文本框,隐藏按钮,当在文本框输入内

    js propertychange和oninput事件

    JavaScript中的`propertychange`和`oninput`事件是两种用于监听元素属性变化的重要机制,尤其在处理用户输入和实时更新界面的场景下显得尤为重要。它们虽然功能相似,但有着明显的浏览器兼容性和应用场景的区别。 ...

    js监听输入框值的即时变化onpropertychange、oninput

    要实现这些功能,JavaScript 提供了几个事件监听器,其中最常用的是 `onpropertychange` 和 `oninput`。 ### onpropertychange 事件 `onpropertychange` 是 Internet Explorer 浏览器特有的事件,当一个 HTML 元素...

    输入框的字数时时统计—关于 onpropertychange 和 oninput 使用

    网上看到很方便实现这个功能的事件: IE 中的 onpropertychange 非IE中的 oninput 用这两事件的好处是,当在输入框的内容发生变化调用事件,使用key 和 mouse的相关事件会比较复杂,而且这个方法用粘贴方法一样有效...

    Input 特殊事件onpopertychange和oninput

    总结来说,`onpropertychange` 和 `oninput` 分别代表了两种不同的事件监听方式,前者适用于IE浏览器的属性变化检测,后者则为现代浏览器提供输入元素内容变化的监听。在开发过程中,理解这两个事件的差异并合理运用...

    JavaScript的onpropertychange事件

    JavaScript的`onpropertychange`事件是JavaScript中处理对象属性改变时触发的一种事件。这个事件主要在Internet Explorer浏览器中被广泛使用,因为它是IE特有的,而在其他遵循W3C标准的浏览器(如Firefox、Chrome、...

    onchange和onpropertychange

    onchange事件主要应用于表单元素,如input、select或textarea等。当用户离开输入控件(失去焦点)并且其值发生了变化时,onchange事件会被触发。这个事件通常用于实时验证用户输入或者在用户更改选项后更新页面状态...

    jQuery/JS监听input输入框值变化实例

    文章提到,IE9以下版本不支持oninput事件,可以使用onpropertychange作为替代方案。 文中还包含了一些关于如何在实际项目中应用这些监听事件的示例代码。例如,演示了如何利用oninput事件监听输入框的实时输入,并...

Global site tag (gtag.js) - Google Analytics