孟子E章中的“带图片的，多列的DropDownList的实现”的简单问题，如何取得选中的值

zjliujun 2008-10-24 07:48:13
孟子E章中的“带图片的，多列的DropDownList的实现” （地址：http://dotnet.aspx.cc/ShowDetail.aspx?id=C81AD80E-FC14-4FF8-85F3-16CC68811BD5 ）, 如何能在后台取得用户选定的值啊，知道Javascript 中是用 city.value 表示，但不知道怎么用 c# 代码来取得这个值。
...全文
201 18 打赏 收藏 转发到动态 举报
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
zjliujun 2008-10-25
  • 打赏
  • 举报
 回复
WebDropDownList.aspx.cs源代码：
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.OleDb;

namespace eMeng
{
/// <summary>
/// ShowList 的摘要说明。
/// </summary>
public class WebDropDownList : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataGrid DataGrid1;

private void Page_Load(object sender, System.EventArgs e)
{
DataGrid1.Columns[0].ItemStyle.Width = Unit.Pixel(400);
DataGrid1.Columns[1].ItemStyle.Width = Unit.Pixel(100);
Data_Bind();
}

public void Data_Bind()
{
Response.CacheControl = "no-cache";
Response.Expires = -1;
try
{
string strSQL = "SELECT id,objectGuid,Title,CreateDate,HitCount FROM Document ORDER BY id DESC";
string cnString = (new Connection()).ConnectionString;
OleDbConnection cn = new OleDbConnection(cnString);
cn.Open();
OleDbCommand cmd = new OleDbCommand(strSQL, cn);
DataGrid1.DataSource = cmd.ExecuteReader(CommandBehavior.CloseConnection);
DataGrid1.DataBind();
cn.Close();
cn.Dispose();
cn = null;
cmd.Dispose();
cmd = null;
}
catch(OleDbException myOleDbException)
{
Response.Write("错误：" + myOleDbException.Message + ":" + myOleDbException.HelpLink);
Response.End();
}
}
private void DataGrid1_ItemDataBound(object sender,System.Web.UI.WebControls.DataGridItemEventArgs e)
{

if( e.Item.ItemIndex != -1 )
{
e.Item.Attributes.Add("onmouseover", "this.bgColor='#C1D2EE'");
e.Item.Attributes.Add("onclick",
"document.all.text1.innerText=this.cells[0].innerText;document.all.form1.city.value=this.cells[0].innerText;");
if (e.Item.ItemIndex % 2 == 0 )
{
e.Item.Attributes.Add("bgcolor", "#FFFFFF");
e.Item.Attributes.Add("onmouseout", "this.bgColor=document.getElementById('DataGrid1').getAttribute('singleValue')");
}
else
{
e.Item.Attributes.Add("bgcolor", "oldlace");
e.Item.Attributes.Add("onmouseout", "this.bgColor=document.getElementById('DataGrid1').getAttribute('oldValue')");
}
}
else
{
DataGrid1.Attributes.Add("oldValue", "oldlace");
DataGrid1.Attributes.Add("singleValue", "#FFFFFF");
}
}
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}

/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.DataGrid1.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
路人乙e 2008-10-25
  • 打赏
  • 举报
 回复
我没看过，但楼主既然说js可以取到值，还怕传不到服务器端吗？
<input id=hidden1 type=hidden runat=server/>
hidden1.value=va;//js取的值
.cs
string va = hidden1.Value;
智者知已应修善业 2008-10-25
  • 打赏
  • 举报
 回复
WebDropDownList.aspx.cs中测试看弹出框值从哪里来就可以
zjliujun 2008-10-25
  • 打赏
  • 举报
 回复
其实值就在 city.value 中，就是不知道怎么取出来，呵呵
zjliujun 2008-10-25
  • 打赏
  • 举报
 回复
我贴出代码吧：
<%@ Page language="c#" Codebehind="WebDropDownList.aspx.cs"validateRequest="false"
AutoEventWireup="false" Inherits="eMeng.WebDropDownList" %>
<HTML>
<HEAD>
<title>模拟下拉列表框</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>BODY {
FONT: 12px 宋体
}
TD {
FONT: 12px 宋体
}
DIV {
FONT: 12px 宋体
}
LABEL {
PADDING-RIGHT: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; HEIGHT: 19px
}
.link_box {
CURSOR: default; TEXT-ALIGN: left
}
.link_head {
BORDER-RIGHT: 2px inset; BORDER-TOP: 2px inset; BORDER-LEFT: 2px inset; WIDTH: 100%;
BORDER-BOTTOM: 2px inset; HEIGHT: 23px
}
.link_text {
PADDING-LEFT: 2px; BACKGROUND: #fff
}
.link_arrow0 {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; BACKGROUND: buttonface;
FONT: 14px marlett; BORDER-LEFT: 2px outset; WIDTH: 22px;
BORDER-BOTTOM: 2px outset; HEIGHT: 100%; TEXT-ALIGN: center
}
.link_arrow1 {
BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 0px;
BORDER-TOP: buttonshadow 1px solid; PADDING-LEFT: 2px;
BACKGROUND: buttonface; PADDING-BOTTOM: 0px; FONT: 14px marlett;
BORDER-LEFT: buttonshadow 1px solid; WIDTH: 22px; PADDING-TOP: 2px;
BORDER-BOTTOM: buttonshadow 1px solid; HEIGHT: 100%; TEXT-ALIGN: center
}
.link_value {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FILTER: alpha(opacity:0);
VISIBILITY: hidden; OVERFLOW-X: hidden; OVERFLOW: auto; BORDER-LEFT: 1px solid;
BORDER-BOTTOM: 1px solid; POSITION: absolute
}
.link_record0 {
BORDER-TOP: #eee 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff;
WIDTH: 100%; COLOR: #000; HEIGHT: 20px
}
.link_record1 {
BORDER-TOP: #047 1px solid; PADDING-LEFT: 2px; BACKGROUND: #058;
WIDTH: 100%; COLOR: #fe0; HEIGHT: 20px
}
</style>
<script>
var dropShow=false
var currentID
function dropdown(el){
if(dropShow){
dropFadeOut()
}else{
currentID=el
el.style.visibility="visible"
dropFadeIn()
}
}
function dropFadeIn(){//选单淡入的效果
if(currentID.filters.alpha.opacity<100){
currentID.filters.alpha.opacity+=20
fadeTimer=setTimeout("dropFadeIn()",50)
}else{
dropShow=true
clearTimeout(fadeTimer)
}
}
function dropFadeOut(){//选单淡出的效果
if(currentID.filters.alpha.opacity>0){
clearTimeout(fadeTimer)
currentID.filters.alpha.opacity-=20
fadeTimer=setTimeout("dropFadeOut()",50)
}else{
dropShow=false
currentID.style.visibility="hidden"
}
}
function dropdownHide(){
if(dropShow){
dropFadeOut()
dropShow=false
}
}
function hiLight(el){//高亮度显示指标位置
if(dropShow){
for(i=0;i<el.parentElement.childNodes.length;i++){
el.parentElement.childNodes(i).className="link_record0"
}
el.className="link_record1"
}
}
function CheckMe(el){//替换显示内容
document.all.text1.innerText=el.innerText
}
document.onclick=dropdownHide
</script>
</HEAD>
<body text="#000000" onload="document.all.form1.reset()">
<div style="padding:10px;border-bottom:2px solid red">模拟下拉框</div>
<form id="form1" onsubmit="alert(city.value)" runat="server">
<table>
<tr>
<td>
<div class="link_box" onselectstart="return false" style="WIDTH: 100px">
<div class="link_head" onclick="dropdown(value1)">
<table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td>
<div class="link_text"><nobr><label id="text1">请选择？</label></nobr></div>
</td>
<td align="right" width="22">
<div onmouseup="this.className='link_arrow0'" class="link_arrow0"
onmousedown="this.className='link_arrow1'" onmouseout="this.className='link_arrow0'">6</div>
</td>
</tr>
</table>
</div>
<div class="link_value" id="value1" style="WIDTH: 500px; HEIGHT: 300px">
<asp:datagrid id="DataGrid1" runat="server" AutoGenerateColumns="False" Font-Size="12px" Width="100%"
ShowHeader="False">
<Columns>
<asp:BoundColumn DataField="Title" SortExpression="Title"
DataFormatString="<img src='http://dotnet.aspx.cc/Images/meng.gif' align='absmiddle'> {0}">
</asp:BoundColumn>
<asp:BoundColumn DataField="CreateDate" SortExpression="CreateDate"
HeaderText="" DataFormatString="{0:yyyy年MM月dd日}"></asp:BoundColumn>
</Columns>
</asp:datagrid>
<div id="mx">
<div class="link_record0" onmouseover="hiLight(this)"
onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>北京市</label></div>
<div class="link_record0" onmouseover="hiLight(this)"
onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>上海市</label></div>
<div class="link_record0" onmouseover="hiLight(this)"
onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>河南省</label></div>
<div class="link_record0" onmouseover="hiLight(this)"
onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>深圳市</label></div>
<div class="link_record0" onmouseover="hiLight(this)"
onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>大连市</label></div>
<div class="link_record0" onmouseover="hiLight(this)"
onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>云南省</label></div>
</div>
</div>
</div>
</td>
<td><input type="hidden" value="您尚未选择" name="city"> <input type="submit" value="确定">
</td>
</tr>
</table>
</form>
</body>
</HTML>
zjliujun 2008-10-25
  • 打赏
  • 举报
 回复
问题是这个下拉框是css+div模拟的
yytt123622 2008-10-25
  • 打赏
  • 举报
 回复
比如隐藏域的ID是hidden1,javascript给隐藏域赋值就是 hidden1.value=svalue;svalue为你选择的下拉框的值. 隐藏域你当成隐形的textbox就行
sunxw18 2008-10-25
  • 打赏
  • 举报
 回复
document.getElementById("hiddenExpiry").value=
document.getElementById("selectExpiry").options[document.getElementById("selectExpiry").selectedIndex].value;
zjliujun 2008-10-25
  • 打赏
  • 举报
 回复
up
zjliujun 2008-10-24
  • 打赏
  • 举报
 回复
[jiang_jiajia10 ]把值给页面的一个隐藏域然后台用Requst.form["隐藏域的ID"]就可以了

我就是想问：如何把值给页面的一个隐藏域？ 用 Javascript 如何写？
mjjzg 2008-10-24
  • 打赏
  • 举报
 回复
没看,UP一下,去看看
greatbag 2008-10-24
  • 打赏
  • 举报
 回复
Request["city"]
kfps8kfps8 2008-10-24
  • 打赏
  • 举报
 回复
mark!
lizhimin0310 2008-10-24
  • 打赏
  • 举报
 回复
d
mengxj85 2008-10-24
  • 打赏
  • 举报
 回复
楼上的方法应该是可以的，如果是客户端的控件，似乎得换种方法哦，给个参考的。
Request.Form[txtURole.ClientID.Replace("_", "$")];
greatverve 2008-10-24
  • 打赏
  • 举报
 回复
function mark()
{
var hd=getById('HF1');
hd.value='0';
}
在selectchange事件里加上给hidefield赋值.
然后在cs代码里HF1.value就取到值了.
jiang_jiajia10 2008-10-24
  • 打赏
  • 举报
 回复
把值给页面的一个隐藏域然后台用Requst.form["隐藏域的ID"]就可以了
oec2003 2008-10-24
  • 打赏
  • 举报
 回复
例子 没看

不过我觉得 在 选择的事件里 可以将 选中的值 保存在一个隐藏域里
在后台就可以得到了

lz可以试下
《机器学习》第2章中find-s算法的python实现
FIND-S，即寻找极大特殊假设。第2章中关于FIND-S的算法伪码如下： 表2-3 FIND-S算法 1. 将h初始化为H中最特殊假设 2. 对每个正例x   ·对h的每个属性约束a[i]       如果x满足a[i]       那么不做任何处理       否则将h中a[i]替换为x满足的另一个更一般约束 3. 输出假设h 具体实现的数据结构如下： 一、假设
C#图片对比，支持图片局部和整体图片比对，FREAK算法，《FREAK: Fast Retina Keypoint》，特征匹配
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、FREAK算法二、使用步骤1.引入库2.提交数据3.获取识别结果4.识别结果定义示例资源 前言 C#图片特征比对： 通过AI 算法，查找两张图片的相似点，特征点的比对比例分析，如果达到90% 以上，默认相同或者相识。 一、FREAK算法 FREAK算法是2012年CVPR上《FREAK: Fast Retina Keypoint》文章中，提出来的一种特征提取算法，也是一种二进制的特征描述算子。它与BRISK算法非常相似.
极大值原理
四．极大值原理和哈密尔顿-雅各布理论在前面章节，我们利用古典变分解决了许多问题[1]。提出了关于标量和矢量的欧拉拉格朗日方程的推导。们讨论了相关的贯截条件以及，如果存在不等式约束我们所面临的很多困难。几个简单的最优控制问题是他的状态及其解。在本章中，我们要重新审视在前面章节中提出的许多问题，并获得其中一些更普遍的解法。此外，我们将进一步介绍针对用前面章节中的方法不能方便地公式化的一些问题的解法
Java学习课程七：编写程序
第3章中的例子9的程序允许用户在键盘依次输入若干个数字（每输入一个数字都需要按回车键确认），程序将计算出这些数的和以及平均值。请在第3章的例子9中增加断言语句，当用户输入的数字大于100或小于0时，程序立刻终止执行，并提示这是一个非法的成绩数据。import java.util.*;public class E{ public static void main(String args[]){
关于使用vs2012学习《head first c# 第三版》第一章中遇到问题及解决方案
关于使用vs2012学习《head first c# 第三版》第一章中遇到问题及解决方案 问题： 如图所示，在《head first c# 第三版》的第28页中向应用增加一个新的数据源，我们会发现vs2012版本中的菜单栏中并没有数据写选项。 解决方案： 如图所示，选择视图--其他窗口--数据源 之后左侧弹出数据源窗口，如图所示，选
.NET社区

62,046

社区成员

669,048

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章