摘要:
下文讲述jquery框架操作标签中的html内容和value值的方法分享,如下所示;
实现思路: 1.jquery 清空html内容 $("#标签Id").html(""); 2.jquery 清空value值的方法 $("#标签Id").val("");
摘要:
下文讲述jquery框架操作标签中的html内容和value值的方法分享,如下所示;
实现思路: 1.jquery 清空html内容 $("#标签Id").html(""); 2.jquery 清空value值的方法 $("#标签Id").val("");
摘要:
下文讲述jquery为input标签设置disabled和移除disabled的方法分享,如下所示;
在前端开发中,input设置为disabled不可用状态,是我们常用的操作,
那么jQuery如何实现这一需求呢?下文将一一道来,如下所示:
实现思路: 设置disabled属性 input变为不可编辑 $('#txtTest').attr("disabled",true); $('#txtTest').attr("disabled","disabled"); 移除disabled属性 input设置为可编辑 $('#txtTest').attr("disabled",false); $('#txtTest').removeAttr("disabled"); $('#txtTest').attr("disabled",""); 注意事项: input设置为不可编辑属性后,form表单将不会将input中的数据提交给后台
摘要:
下文讲述使用jquery框架为select标签绑定onChange事件的方法分享,如下所示;
在html中我们知道select标签是一个下拉标签,我们可以通过此标签限定标签中的值,
onChange事件:当select标签下拉选中值发生变化时,进行触发的事件
那么如何使用Jquery为select标签绑定onChange事件呢?下文将一一道来,如下所示:
实现思路: 使用jquery的change方法即可为select标签绑定onChange事件
例:
<meta charset="UTF-8"> <p> maomao365.com<br /> jquery监控select下拉框变化 </p> <hr /> <style> .divTest{ background-color:green; color:white; margin:10px; padding:3px; height:100px; width:200px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"> </script> <script> $(function(){ $("#ddl").change(function(){ //输出选中值 $(".divTest").html($("#ddl").val()); }); }); </script> <select id="ddl"> <option value="">请选择</option> <option value="maomao365.com">值1</option> <option value="猫猫教程">值2</option> <option value="值">值3</option> </select> <div class="divTest"> </div>