标签归档:jquery技巧

jquery如何清空标签中的html内容和value值呢?


摘要:
下文讲述jquery框架操作标签中的html内容和value值的方法分享,如下所示;

实现思路:
    1.jquery 清空html内容
      $("#标签Id").html("");
   
    2.jquery 清空value值的方法
      $("#标签Id").val("");
      

jquery如何为input标签设置可编辑属性呢?


摘要:
下文讲述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中的数据提交给后台

javascript jquery框架如何为html中select标签绑定onChange事件呢?


摘要:
下文讲述使用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>
jquery为select标签绑定onChange事件的示例说明

jquery为select标签绑定onChange事件的示例说明