前台代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
    #middle{ top:0; left:0;background-color:#fff; position:absolute; z-index:2; filter:alpha(opacity=60); display:none;}
    #showTree{ width:300px; height:200px; position:fixed; z-index:2; display:none; border:1px solid red;}
    </style>
    <script type="text/javascript">
        function ShowDIv() {
            var txt = document.getElementById("txt");
            txt.blur();
            var divmid = document.getElementById("middle");
            divmid.style.display = "block";
            divmid.style.width = "100%";
            divmid.style.height = "100%";
            var divshow = document.getElementById("showTree");
            divshow.style.display = "block";
            divshow.style.left = txt.offsetLeft;
            divshow.style.top = txt.offsetTop;
            return false;
        }

function CloseDiv() {
            var divmid = document.getElementById("middle");
            divmid.style.display = "none";
            var divshow = document.getElementById("showTree");
            divshow.style.display = "none";
            return false;
        }

function TreeViewClick() {
            if (event.srcElement.innerText == "" || event.srcElement.length <= 0 || event.srcElement.nameProp == undefined) {
                return true;
            }
            var id = event.srcElement.id;
            var a = document.getElementById(id);
            var href = a.href;
            var index = href.indexOf("#");
            var retstr = href.substr(index + 1);
            //
            var ret = a.innerText;
            if (ret != "") {
                document.getElementById("txt").value = ret;
                document.getElementById("TextBox2").value = retstr;
                
                document.getElementById("HiddenField1").value = retstr;
            }
            return false;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:HiddenField ID="HiddenField1" runat="server" />
        <asp:Button ID="Button1" runat="server" Text="显示value" onclick="Button1_Click" />
    <br />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <br />
    Text:<asp:TextBox ID="txt" runat="server" onfocus="return ShowDIv()"></asp:TextBox>
    <br />
    Value:
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
    </div>
    <div id="middle"></div>
    <div id="showTree">
    <br />
    <br />
    <input type="button" value="close" onclick="return CloseDiv()" />
        <asp:TreeView ID="TreeView1" runat="server">
        <Nodes>
        <asp:TreeNode Text="A" Value="0" NavigateUrl="#0">
        <asp:TreeNode Text="A1" Value="00" NavigateUrl="#00">
        <asp:TreeNode Text="A11" Value="000" NavigateUrl="#000"></asp:TreeNode>
        <asp:TreeNode Text="A12" Value="001" NavigateUrl="#001"></asp:TreeNode>
        </asp:TreeNode>
         <asp:TreeNode Text="A2" Value="01" NavigateUrl="#01"></asp:TreeNode>
          <asp:TreeNode Text="A3" Value="02" NavigateUrl="#02"></asp:TreeNode>
        </asp:TreeNode>
        <asp:TreeNode Text="B" Value="1" NavigateUrl="#1">
        <asp:TreeNode Text="B1" Value="10" NavigateUrl="#10"></asp:TreeNode>
         <asp:TreeNode Text="B2" Value="11" NavigateUrl="#11"></asp:TreeNode>
          <asp:TreeNode Text="B3" Value="12" NavigateUrl="#12"></asp:TreeNode>
        </asp:TreeNode>
        </Nodes>
        </asp:TreeView>
    </div>
    </form>
</body>
</html>

后台代码：

public partial class newpage_Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        this.TreeView1.Attributes.Add("onclick", "return  TreeViewClick()");//增加特性，实现无自动回传
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        this.TextBox1.Text = this.HiddenField1.Value;
    }
}

TreeView无刷新获取text及value的更多相关文章

  1. ajax无刷新获取天气信息

    浏览器由于安全方面的问题,禁止ajax跨域请求其他网站的数据,但是可以再本地的服务器上获取其他服务器的信息,在通过ajax请求本地服务来实现: <?php header("conten ...

  2. ajax无刷新获取php后台数据

    $.ajax({ url:"result.php", //data:{"page":i}, dataType:"json", beforeS ...

  3. 基于JQuery+JSP的无数据库无刷新多人在线聊天室

    JQuery是一款非常强大的javascript插件,本文就针对Ajax前台和JSP后台来实现一个无刷新的多人在线聊天室,该实现的数据全部存储在服务端内存里,没有用到数据库,本文会提供所有源程序,需要 ...

  4. PHP + JavaScript + Ajax 实现无刷新页面加载效果

    数据源工厂 Json生成方式1 Json生成方式2 数据搬运工 数据加工师 转换类型 加工展示 结果展示 初始页面 点击按钮之后 总结 今天这个实验的思路就是实现一个无刷新的页面加载效果.具体的思路是 ...

  5. 【转】 ASP.NET使用ICallbackEventHandler无刷新验证用户名是否可用

    功能说明:当用户在用户名输入框输入字符并焦点离开此输入框时,自动到数据库用户表中验证此用户名是否已被注册,如果已被注册,显示[不可用],反之,显示[可用],期间页面不刷新,读者也可以考虑将提示文字换成 ...

  6. iframe无刷新跨域上传文件并获取返回值

    通常我们会有一个统一的上传接口,这个接口会被其他的服务调用.如果出现不同域,还需要无刷新上传文件,并且获取返回值,这就有点麻烦了.比如,新浪微博启用了新域名www.weibo.com,但接口还是使用原 ...

  7. javascript;Jquery;获取JSON对象，无刷新分页，异步加载，异步删除，实例。

    AjaxNewsList: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> < ...

  8. mvc file控件无刷新异步上传操作

    前言 上传文件应该是很常见必不可少的一个操作,网上也有很多提供的上传控件.今天遇到一个问题:input控件file无法进行异步无刷新上传.真真的感到别扭.所以就尝试这去处理了一下.主要分三个部分:上传 ...

  9. ajax 无刷新上传

    最近要做微信的图文上传,因为一个图文了表中可以有多个图文,所有按钮需要随时添加,所以做了一种无刷新上传的方法. 首先我们要在html页面中写上这样的几段代码 javascript: $(functio ...

随机推荐

  1. 极简易版专家聊天程序--JAVA练手

    呵呵,用JAVA包开发SOCKET连接,是很简单的呢~~~ DailyAdviceServer.java import java.io.*; import java.net.*; public cla ...

  2. C51与汇编语言混合编程

    函数内部混合编程 若想在C语言函数内部使用汇编语言,应使用以下Cx51编译器控制命令: #pragma asm ; Assembly code #pragma endasm  功能作用:asm和end ...

  3. 使用Qt编写模块化插件式应用程序

    动态链接库技术使软件工程师们兽血沸腾,它使得应用系统(程序)可以以二进制模块的形式灵活地组建起来.比起源码级别的模块化,二进制级别的模块划分使得各模块更加独立,各模块可以分别编译和链接,模块的升级不会 ...

  4. 定义一个栈的数据结构，要求实现一个min函数，每次能够得到栈的最小值，并且要求Min的时间复杂度为O(1)

    具体实现代码如下: stack.h内容如下: #ifndef _STACK_H_ #define _STACK_H_ #define NUM 256 typedef struct _tagStack ...

  5. 【转】Android点击空白区域，隐藏输入法软键盘

    原文网址:http://www.2cto.com/kf/201505/401382.html 很多时候,我们在使用应用时,会出现输入法软键盘弹出的问题,通常情况下,我们默认会使用户点击返回键或者下一步 ...

  6. sql优化（oracle）

    系统优化中很重要的方面是SQL语句的优化,对于海量数据,优质的SQL能够有效的提高系统的可用性. 总结的有点罗嗦,列个简单的目录啦~ 目录 第一部分知识准备                      ...

  7. HDU2058

    The sum problem Time Limit: 5000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) ...

  8. 新建maven工程时pom.xml报错

    新建maven工程时,pom.xml报错:第一行报如下错误:multiple annotations found at this line后添加org.eclipse.m2e相关的plugin配置后, ...

  9. COM编程入门第二部分——深入COM服务器

    本文为刚刚接触COM的程序员提供编程指南,解释COM服务器内幕以及如何用C++编写自己的接口.继上一篇COM编程入门之后,本文将讨论有关 COM服务器的内容,解释编写自己的COM接口和COM服务器所需 ...

  10. 一个Nodejs的简单计算測试程序

    測试目的: 1 測试二维数组的使用 2 输出函数的使用 代码: var util = require('util'); a = 3; b = 4; c = a + b; a = []; for(i = ...