AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

ASP.net:查找框设默认

2017-10-10 988
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

专题图ylbtech-asp.net编号：ylbtechASPNET

1,功能描述

 搜索查询，如何保存查找条件。

2,技术与环境

 

3,数据库设计

 

4,功能截图

 4.1,前台

 4.1.1

 

 4.1.2

 

5,代码分析

 解决方案属性图
5.1 方案一

　　DropSearchDemo.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DropSearchDemo2.aspx.cs" Inherits="DropSearch_DropSearchDemo2" %>
 
<! 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 >
     < script  type="text/javascript" src="jquery-1.3.2.min.js"></ script >
     < script  type="text/javascript">
         function search(keyword, type) {
             var keyword = $("#" + keyword).val();
             var type = $("#" + type).val();
             window.location.href = "?keyword=" + myescape(keyword) + "&type=" + type;
         }
 
         function myescape(str) {
             return escape(str).replace("+", "%2B");
         }
 
     </ script >
</ head >
< body >
    < form  action="DropSearchDemo2.aspx" method="get">
     < table  border="1" width="600px">
         < tr >
             < td >
                 商品索索：
             </ td >
             < td >
                 < select  id="type" name="type">
                     < option  value="1">图片</ option >
                     < option  value="2">新闻</ option >
                     < option  value="3">娱乐</ option >
                 </ select >
             </ td >
             < td >
                 < input  id="keyword" runat="server" name="keyword" type="text" autocomplete="off"
                 onkeydown="javascript:if(event.keyCode==13){search('keyword','type');return false;}"  />
             </ td >
             < td >
                 < input  type="button" value="Search" onclick="search('keyword','type')" />
             </ td >
         </ tr >
     </ table >
     <!--begion 设默认选择类型-->
     <%--< script >
         $("#type").val(2);
     </ script >--%>
     <!--end 设默认选择类型-->
     < asp:Literal  ID="LSelectDefault" runat="server"></ asp:Literal >
     </ form >   
 
     
</ body >
</ html >

 DropSearchDemo.aspx.cs

using  System;
 
public  partial  class  DropSearch_DropSearchDemo : System.Web.UI.Page
{
     protected  void  Page_Load( object  sender, EventArgs e)
     {
         if  (! string .IsNullOrEmpty(Request[ "type" ])) //分类，存在则设默认
         {
             string  type=Request[ "type" ];
             LSelectDefault.Text = "<script> document.getElementById('type').value = " +type+ ";</script>" ;
         }
         if  (! string .IsNullOrEmpty(Request[ "keyword" ])) ////关键字，存在则设默认
         {
             keyword.Value = Request[ "keyword" ];
         }
     }
}

 5.2,方案二

DropSearchDemo2.aspx

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DropSearchDemo2.aspx.cs" Inherits="DropSearch_DropSearchDemo2" %>
 
<! 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 >
     < script  type="text/javascript" src="jquery-1.3.2.min.js"></ script >
     < script  type="text/javascript">
         function search(keyword, type) {
             var keyword = $("#" + keyword).val();
             var type = $("#" + type).val();
             window.location.href = "?keyword=" + myescape(keyword) + "&type=" + type;
         }
 
         function myescape(str) {
             return escape(str).replace("+", "%2B");
         }
 
     </ script >
</ head >
< body >
    < form  action="DropSearchDemo2.aspx" method="get">
     < table  border="1" width="600px">
         < tr >
             < td >
                 商品索索：
             </ td >
             < td >
                 < select  id="type" name="type">
                     < option  value="1">图片</ option >
                     < option  value="2">新闻</ option >
                     < option  value="3">娱乐</ option >
                 </ select >
             </ td >
             < td >
                 < input  id="keyword" runat="server" name="keyword" type="text" autocomplete="off"
                 onkeydown="javascript:if(event.keyCode==13){search('keyword','type');return false;}"  />
             </ td >
             < td >
                 < input  type="button" value="Search" onclick="search('keyword','type')" />
             </ td >
         </ tr >
     </ table >
     <!--begion 设默认选择类型-->
     <%--< script >
         $("#type").val(2);
     </ script >--%>
     <!--end 设默认选择类型-->
     < asp:Literal  ID="LSelectDefault" runat="server"></ asp:Literal >
     </ form >   
 
     
</ body >
</ html >

 

 DropSearchDemo2.aspx.cs

using  System;
 
public  partial  class  DropSearch_DropSearchDemo2 : System.Web.UI.Page
{
     protected  void  Page_Load( object  sender, EventArgs e)
     {
         if  (! string .IsNullOrEmpty(Request[ "type" ])) //分类，存在则设默认
         {
             string  type = Request[ "type" ];
             LSelectDefault.Text = "<script> $('#type').val(" +type+ ");</script>" ;
         }
         if  (! string .IsNullOrEmpty(Request[ "keyword" ])) ////关键字，存在则设默认
         {
             keyword.Value = Request[ "keyword" ];
         }
     }
}

 

 

 

6,示例|讲解案例下载

博客园讲解:  http://ylbtech.cnblogs.com/

百度文库开发文档: http://passport.baidu.com/?business&aid=6&un=ylbtech#7

谷歌开源代码下载: http://code.google.com/p/ylbtechopensource/downloads/list

请单击“搜索框设默认DropDown”


本文转自ylbtech博客园博客，原文链接：http://www.cnblogs.com/ylbtech/archive/2012/09/05/2670755.html，如需转载请自行联系原作者

文章标签：
JavaScript
C#
Web App开发
.NET
前端开发
吞吞吐吐的
目录
相关文章
亚丁号
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
亚丁号
1074 0
老码识途
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备，新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始，在之前的文章中，讲解了商城系统的整体功能设计，页面布局设计，环境搭建，系统配置，及首页【商品类型，banner条，友情链接，降价促销，新品爆款】，商品列表页面，商品详情等功能的开发，今天继续讲解购物车功能开发，仅供学习分享使用，如有不足之处，还请指正。
老码识途
706 0
老码识途
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
老码识途
746 0
老码识途
|
SQL 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)
[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)
老码识途
683 0
老码识途
|
开发框架 缓存 JSON
ASP.NET Core MVC 从入门到精通之Filter
ASP.NET Core MVC 从入门到精通之Filter
老码识途
690 0
二二*一一
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
二二*一一
596 7
Echo_Wish
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
Echo_Wish
452 0
VipSoft
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
VipSoft
505 0
代码掌控者
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
代码掌控者
656 0
VipSoft
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
VipSoft
932 0