您的位置:首页 > Web前端 > JQuery

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样式



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: