jquery 自动创建form表单提交代码 下拉条 ajax模板代码 添加_移除 属性_样式

原创 2015年07月10日 16:59:04
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样式





Ajax表单提交插件jquery form

  • 2014年06月04日 00:31
  • 8KB
  • 下载

Ajax表单提交插件jquery form

jQuery Form插件是一个优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交。jQuery Form有两个核心方法ajaxF...

Ajax模仿form表单提交 以及jquery的param()方法

最近项目遇到一个表单参数传递问题: 后台resful接口定义参数接受类型是restEasy的@FormParams  而页面是直接ajax调用接口,没遇到过这种情况,需要接口接收到自己组装的参数体 查...

Ajax表单提交插件jquery form

jQuery Form插件是一个优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交。jQuery Form有两个核心方法ajax...

HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)

HTML5第8次课堂笔记   1.  模拟form表单提交数据:(get方式)   body>   form method="get"action="DataTest7">   input type=...

jquery ajaxfrom表单提交代码

  • 2013年11月28日 20:27
  • 33KB
  • 下载

jquery_form_js 表单提交自定义源码

  • 2017年11月17日 09:36
  • 3.39MB
  • 下载

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。 下载地址 百度云:http://pan.baidu.com/s/1eQoYE46 360云:http:/...

ajax提交form表单,关键代码:$("#theForm").serialize()

原始ajax提交: ajax提交form:
  • xb12369
  • xb12369
  • 2014年08月15日 15:38
  • 8277
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 自动创建form表单提交代码 下拉条 ajax模板代码 添加_移除 属性_样式
举报原因:
原因补充:

(最多只允许输入30个字)