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

ASP.net:查找框设默认

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

专题图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
前端开发
吞吞吐吐的
目录
相关文章
亚丁号
|
2月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
亚丁号
94 0
源码宝
|
2月前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统（Laboratory Information System，缩写LIS）是一类用来处理实验室过程信息的软件，云LIS系统围绕临床，云LIS系统将与云HIS系统建立起高度的业务整合，以体现“以病人为中心”的设计理念，优化就诊流程，方便患者就医。
源码宝
37 0
GoodTime
|
2月前
|
开发框架 前端开发 .NET
C# .NET面试系列六：ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中，TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制，但它们有一些区别。 <b>TempData：</b> 1、生命周期 ```c# TempData 的生命周期是短暂的，数据只在当前请求和下一次请求之间有效。一旦数据被读取，它就会被标记为已读，下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据，例如在一个动作中设置 TempData，然后在重定向到另
GoodTime
156 5
a15034260562-24955
|
2月前
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
a15034260562-24955
41 0
老码识途
|
11月前
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备，新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始，在之前的文章中，讲解了商城系统的整体功能设计，页面布局设计，环境搭建，系统配置，及首页【商品类型，banner条，友情链接，降价促销，新品爆款】，商品列表页面，商品详情等功能的开发，今天继续讲解购物车功能开发，仅供学习分享使用，如有不足之处，还请指正。
老码识途
137 0
老码识途
|
12月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
老码识途
133 0
老码识途
|
12月前
|
SQL 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)
[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)
老码识途
163 0
老码识途
|
12月前
|
开发框架 缓存 JSON
ASP.NET Core MVC 从入门到精通之Filter
ASP.NET Core MVC 从入门到精通之Filter
老码识途
139 0
老码识途
|
12月前
|
开发框架 前端开发 .NET
ASP.NET Core MVC 从入门到精通之自动映射（二）
ASP.NET Core MVC 从入门到精通之自动映射（二）
老码识途
72 0
编程乐趣
|
8月前
|
开发框架 自然语言处理 前端开发
基于ASP.NET MVC开发的、开源的个人博客系统
基于ASP.NET MVC开发的、开源的个人博客系统
编程乐趣
60 0