jquery 自动创建form表单提交代码 下拉条 ajax模板代码 添加_移除 属性_样式
2015-07-10 16:59
966 查看
jquery 动态构建form表单并提交 模板代码 function gotoChongZhi(){ var userId = $("#userIdInput").val(); if(userId=='' && userId ==null ){ alert("请先登录系统!"); return; } // 自动提交表单 var url = "personalaccountfundsmanage.htm?str=getPersonalAccountFundLoad"; var form = []; form.push('<form class="form" action="'+url+'" method="post">'); form.push('<input type="hidden" name="userId" value="'+userId+'"/>'); form.push('</form>'); $("body").append(form.join('')); $(".form").submit().remove(); } jquery 动态构建下拉条 模板代码 /** * 动态构建select option 地区下拉框 * id 层ID 上级ID * data 下拉条数据源 * selectOption 默认选择值 * 2015-06-15 */ function replaceSelectOptionAreas(id,data,selectOption){ var jsonStr=""; if(typeof(selectOption) == 'undefined' || selectOption==null || selectOption== '' ){ jsonStr += '<option selected="selected" value="" >请选择</option>'; }else{ jsonStr += '<option value="" >请选择</option>'; }; if(typeof(data) != 'undefined' || data!=null || data!= ''){ $(data).each(function (key, value) { //设置选择值用户已有的值 if(this.id==selectOption){ jsonStr += '<option selected="selected" value="' + this.id + '" >' + this.name + '</option>'; }else{ jsonStr += '<option value="' + this.id + '" >' + this.name + '</option>'; } }); } $(id).empty(); $(id).append(jsonStr); } jquery ajax 模板代码 $.ajax({ url:"personalaccount.htm?str=savePersonalRatingHouses", type: "POST", dataType:"json", data:{userId:ratingHouses.userId,ratingHousesStr:ratingHousesStr}, success: function(msg){ alert(msg.msg); }, error: function(msg){ //若Ajax处理失败后回调函数,msg是返回的错误信息 alert( "Ajax跳转处理失败"+ msg); } }); <pre class="html" name="code"> jquery 添加readonly属性 移除属性 $('#phone').attr("readonly","readonly") $('#phone').removeAttr("readonly") jquery 添加class 移除class $("#"+key).siblings('a').removeClass('current'); //移除 key id 同级的所有A标签中的 current 样式 $("#"+key).addClass('current'); // 新增current样式
相关文章推荐
- 黑马day16 jquery&内容过滤选择器&可见度选择器
- jquery 点击事件
- Mootools 其实有个类似Jquery的live方法的东西
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- jquery blockui
- 黑马day16 jquery&基本过滤器
- jQuery原型方法.pushStack源码分析
- 自己动手丰衣足食之 jQuery 数量加减插件
- MySql触发器,jquery
- 黑马day16 jquery&层次选择器
- jQuery Javascript加载模式
- jquery删除数组指定元素
- jQuery同步Ajax带来的UI线程阻塞问题及解决方法
- 黑马day16 jquery基本选择器
- jquery 实现返回顶部功能
- 黑马day16 jquery入门