Jquery 局部刷新及表单取值赋值处理返回json数据_jq 页面刷新前的值,刷新后获取-优快云博客

本文介绍如何使用jQuery操作HTML页面中的各种元素值，包括文本框、文本域、单选按钮、复选框及下拉列表等，并展示了如何设置与获取这些元素的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*获得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的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").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();
});

添加一般处理程序：ajaxAllMsg.ashx

<%@ WebHandler Language="C#" Class="ajaxAllMsg" %>

using System;
using System.Web;
using System.Text;
public class ajaxAllMsg : IHttpHandler {

    public void ProcessRequest (HttpContext context)
    {
        context.Response.ContentType = "text/xml" ;

        // 返回值
        //string temp = "/r/n{/"conversion/":{/r/n/"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("<?xml version=/"1.0/" encoding=/"gbk/"?>/n " + ds.GetXml());

        StringBuilder sb = new StringBuilder();
        sb.Append("<?xml version=/"1.0/" encoding=/"utf-8/"?>" );
        sb.Append("<Account><loginname>中国人</loginname><name2>sdfert5</name2>" );
        sb.Append("</Account>" );
        context.Response.Write(sb.ToString());


        //context.Response.End();

    }

    public bool IsReusable {
        get {
            return false ;
        }
    }

}

调用页：DeJQuery.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DeJQuery.aspx.cs" Inherits="DeJQuery" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Ajax 留言板</title>
<script type="text/javascript" src="js/jquery-1.2.6.js">
</script>
<script type="text/javascript">
$(document).ready(function()
{
     GetAllMsg();
});
function GetAllMsg(){
$("#AllMsg").html("  <img src='images/loading.gif'/>" );
$.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("<li>" + loginname + " - " + name + "</li>");
//                         alert(name3);
//                        alert(loginname);
  $("#AllMsg").html("<li>" +  $(this).find("loginname").text() + " - " +  $(this).find("name2").text() + "</li>" );
                    });

解析服务器端传来的数据
  // for(key in result) $("#childsort").append("<option value="+result[key]+">"+result[key]+" </option>");

//     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("<img src='html/check_ok.gif'>");
// return 1;
// }else{
// $("#value_user").html("Sorry，该账号已经被注册,请换其他账号！");
// return 0;
// }

    // $("#AllMsg").append("<li>id:"+json.EmployeeId+"|Name:"+json.EmployeeName+"|年龄:"+json.EmployeeInfo[0]+"|身高:"+json.EmployeeInfo[1]+"|体重:"+json.EmployeeInfo[2]+"</li>");

    // $("#TextBox1").attr("value",'sdsd');//清空内容

}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="AllMsg">
   </div>

    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</form>
</body>
</html>