DropDownList1取值问题
DropDownList1绑定数据库,DropDownList1的autopostback设为False;每当DropDownList1选择的值发生改变时,把值赋值给文本...
DropDownList1绑定数据库,DropDownList1的autopostback设为False;
每当DropDownList1选择的值发生改变时,把值赋值给文本框!
要求不刷新页面!
已经做出来了啊,呵呵
你们做的那么复杂啊!
在Page_load里注册这一句:
Me.DropDownList1.Attributes.Add("onclick", "data1();")
再加入脚本如:
<script language="javascript">
<!--
function data1()
{
document.all("TextBox1").value=document.getElementById("DropDownList1").value;
}
//-->
</script>
这样不就出来了吗!呵呵 展开
每当DropDownList1选择的值发生改变时,把值赋值给文本框!
要求不刷新页面!
已经做出来了啊,呵呵
你们做的那么复杂啊!
在Page_load里注册这一句:
Me.DropDownList1.Attributes.Add("onclick", "data1();")
再加入脚本如:
<script language="javascript">
<!--
function data1()
{
document.all("TextBox1").value=document.getElementById("DropDownList1").value;
}
//-->
</script>
这样不就出来了吗!呵呵 展开
6个回答
展开全部
完完整整地实现了你要的效果，花了半个小时。（功能多了一个，实现了html中的select和drogdownlist控件选中后不刷新给textbox赋值的效果）
关于Asp.net无刷新页面的开发
******TestRender2.aspx*********************
<html >
<head runat="server">
<title>a</title>
<script type="text/javascript">
//由button调用
function CallServer(inputcontrol,context)
{
//context.innerHTML="Loading...";
arg=inputcontrol.value;
//注册回调方法
<%=ClientScript.GetCallbackEventReference(this,"arg","ReceiveServerData","context") %>
}
//在回调方法中注册的接收返回结果的函数
function ReceiveServerData(result,context)
{
context.value=result;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="Select1" onchange="CallServer(Select1,TextBox1)">
<option selected="selected" value="">请选择</option>
<option value=北京>北京</option>
<option value=上海>上海</option>
<option value=南昌>南昌</option>
</select>
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem Selected="True">请选择</asp:ListItem>
<asp:ListItem>男</asp:ListItem>
<asp:ListItem>女</asp:ListItem>
</asp:DropDownList><br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div>
</form>
</body>
</html>
**************TestRender2.aspx.cs***************
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class TestRender2 : System.Web.UI.Page, ICallbackEventHandler//继承接口 用来处理回调事件又返回处理结果的接口ICallbackEventHandler
{
protected void Page_Load(object sender, EventArgs e)
{
this.DropDownList1.Attributes.Add("onchange", "CallServer(DropDownList1,TextBox1)");
}
private string str;
public void RaiseCallbackEvent(string eventArgument)
{
//可以根据传递的参数不同，调用不同的处理逻辑
str = eventArgument; ;
}
public string GetCallbackResult()
{
return str;
}
}
关于Asp.net无刷新页面的开发
******TestRender2.aspx*********************
<html >
<head runat="server">
<title>a</title>
<script type="text/javascript">
//由button调用
function CallServer(inputcontrol,context)
{
//context.innerHTML="Loading...";
arg=inputcontrol.value;
//注册回调方法
<%=ClientScript.GetCallbackEventReference(this,"arg","ReceiveServerData","context") %>
}
//在回调方法中注册的接收返回结果的函数
function ReceiveServerData(result,context)
{
context.value=result;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="Select1" onchange="CallServer(Select1,TextBox1)">
<option selected="selected" value="">请选择</option>
<option value=北京>北京</option>
<option value=上海>上海</option>
<option value=南昌>南昌</option>
</select>
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem Selected="True">请选择</asp:ListItem>
<asp:ListItem>男</asp:ListItem>
<asp:ListItem>女</asp:ListItem>
</asp:DropDownList><br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div>
</form>
</body>
</html>
**************TestRender2.aspx.cs***************
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class TestRender2 : System.Web.UI.Page, ICallbackEventHandler//继承接口 用来处理回调事件又返回处理结果的接口ICallbackEventHandler
{
protected void Page_Load(object sender, EventArgs e)
{
this.DropDownList1.Attributes.Add("onchange", "CallServer(DropDownList1,TextBox1)");
}
private string str;
public void RaiseCallbackEvent(string eventArgument)
{
//可以根据传递的参数不同，调用不同的处理逻辑
str = eventArgument; ;
}
public string GetCallbackResult()
{
return str;
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那要用javascript 来做了，客户端的改变，在服务器端写代码是没有用的。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>无标题页</title>
</head>
<script language=javascript>
function selectChange()
{
// alert(document.getElementById('TextBox1').value);
// alert(document.getElementById('DropDownList1').options[document.getElementById('DropDownList1').selectedIndex].value);
var dropdownlist=document.getElementById('DropDownList1');
var selectIndex=dropdownlist.selectedIndex;
var selectValue=dropdownlist.options[selectIndex].value;
document.getElementById('TextBox1').value=dropdownlist.options[selectIndex].value;
// document.getElementById(TextBox1).value = document.getElementById('DropDownList1').options[DropDownList1.selectedIndex].value;
}
</script>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server">nn</asp:TextBox>
<asp:DropDownList ID="DropDownList1" runat="server" onChange="selectChange();" >
<asp:ListItem>1</asp:ListItem>
<asp:ListItem>2</asp:ListItem>
<asp:ListItem>3</asp:ListItem>
</asp:DropDownList></div>
</form>
</body>
</html>
将该代码拷贝入 .aspx文件，你会看到效果
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>无标题页</title>
</head>
<script language=javascript>
function selectChange()
{
// alert(document.getElementById('TextBox1').value);
// alert(document.getElementById('DropDownList1').options[document.getElementById('DropDownList1').selectedIndex].value);
var dropdownlist=document.getElementById('DropDownList1');
var selectIndex=dropdownlist.selectedIndex;
var selectValue=dropdownlist.options[selectIndex].value;
document.getElementById('TextBox1').value=dropdownlist.options[selectIndex].value;
// document.getElementById(TextBox1).value = document.getElementById('DropDownList1').options[DropDownList1.selectedIndex].value;
}
</script>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server">nn</asp:TextBox>
<asp:DropDownList ID="DropDownList1" runat="server" onChange="selectChange();" >
<asp:ListItem>1</asp:ListItem>
<asp:ListItem>2</asp:ListItem>
<asp:ListItem>3</asp:ListItem>
</asp:DropDownList></div>
</form>
</body>
</html>
将该代码拷贝入 .aspx文件，你会看到效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
双击DropDownList1控件跳到
Protected Sub DropDownList1_SelectedIndexChanged
在里面写文本框的TEXT=DropDownList1.SelectedValue
如果不行的话就在.ASPX里面写代码吧
Protected Sub DropDownList1_SelectedIndexChanged
在里面写文本框的TEXT=DropDownList1.SelectedValue
如果不行的话就在.ASPX里面写代码吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Protected Sub DropDownList1_SelectedIndexChanged
{
textBox1.Text=DropDownList1.SelectedItem.Value;
}
autopostback设为False,这样选择的时候不会刷新页面
{
textBox1.Text=DropDownList1.SelectedItem.Value;
}
autopostback设为False,这样选择的时候不会刷新页面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要吗用JS要吗就用无刷新的技术
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
