Jquery 局部刷新及表单取值赋值操作详解
本文导语: 代码如下: 代码示例: /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[@type=radio][@checked]").val(); /*获取一组名为(items)的radi...
代码如下:
/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");
//或者
var textval = $("#text_id").val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]").val();
/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[@name=items][@checked]').val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表的值*/
var selectval = $('#select_id').val();
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);//勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("testtest2").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框
获取一组名为(items)的radio被选中项的值
var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
//重置表单
$("form").each(function(){
.reset();
});
1、一般处理程序:ajaxAllMsg.ashx
using System;
using System.Web;
using System.Text;
public class ajaxAllMsg : IHttpHandler {
public void ProcessRequest (HttpContext context)
{
context.Response.ContentType = "text/xml";
// 返回值
//string temp = "rn{"conversion":{rn"decimal":12}}";
////DataSet ds = new DataSet("AccountList");
////ds = GetList("Account", "AccountId", "Loginname,Name", 50, 1, false, false, "1=1");
//context.Response.ContentType = "text/xml";
//context.Response.Charset = "GB2312";
//context.Response.Clear();
//context.Response.Write("n " + ds.GetXml());
StringBuilder sb = new StringBuilder();
sb.Append("");
sb.Append("中国人sdfert5");
sb.Append("");
context.Response.Write(sb.ToString());
//context.Response.End();
}
public bool IsReusable {
get {
return false;
}
}
}
2、调用页:DeJQuery.aspx
Ajax 留言板_www.
$(document).ready(function()
{
GetAllMsg();
});
function GetAllMsg(){
$("#AllMsg").html(" ");
$.ajax({
type:'POST',
url:"ajaxAllMsg.ashx?act=getAll",
dataType:'xml', //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"]
data:"",
success:function(result)
{
// alert(result);
$(result).find('Account').each(function() {
var loginname = $(this).find("loginname").text();
var name3 = $(this).find("name2").text();
// $("#AllMsg").append("
// alert(name3);
// alert(loginname);
$("#AllMsg").html("
});
////解析服务器端传来的数据
//for(key in result) $("#childsort").append(""+result[key]+" ");
// var array=eval(data);
// $.each(array,function(i,r){
// var row=$("#row").clone();
// row.find("#col1").text(r.tid);
// row.find("#col2").text(r.state);
// row.find("#col3").text(r.project);
// row.appendTo("#testtable");
//objString = $(this).text(objString.substring(0,num) + "");
//if(msg == 0){
//$("#value_user").html("");
//return 1;
//}else{
//$("#value_user").html("Sorry,该账号已经被注册,请换其他账号!");
//return 0;
//}
// $("#AllMsg").append("
// $("#TextBox1").attr("value",'sdsd');//清空内容
}
});
}