URL简单传参之客户端控件使用

Default.aspx.cs页面中的代码

 protected string name;
 protected string age;
 protected string keyword;
 protected void Page_Load(object sender, EventArgs e)
 {
   int.TryParse(Request.QueryString["pageIndex"],out pageIndex);
   int.TryParse(Request.QueryString["pageSize"],out pageSize);
   name=Request.QueryString["name"];
   age=Request.QueryString["age"];
   keyword=Request.QueryString["keyword"];
 }

 

Default.aspx页面的的代码

 Body中的内容

    <select id="selectBy">
    <option value="name">名称</option>
    <option value="age">年龄</option>
    <option value="keyword">关键字</option>
    </select>

    <input type="text" id="txtBy" />
    <input type="button" id="btnGo" value="查询" />
    <input type="hidden" id="name" value="<%=name %>" />
    <input type="hidden" id="age" value="<%=age %>" />
    <input type="hidden" id="keyword" value="<%=keyword %>" />

JS内容

<script src="jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(function () {
            var name = $('#name').val();
            var age = $('#age').val();
            var keyword = $('#keyword').val();
            if (name != "") {
                $('#selectBy option[value=name]').attr('selected', true);
                $('#txtBy').val(name);
            } else if (age != "") {
                $('#selectBy option[value=age]').attr('selected', true);
                $('#txtBy').val(age);
            } else if (keyword != "") {
                $('#selectBy option[value=keyword]').attr('selected', true);
                $('#txtBy').val(keyword);
            }else {
                $('#selectBy option[value=name]').attr('selected', true);
            }
            $('#btnGo').click(function () {
                var by = $('#selectBy').val();
                var txt = $('#txtBy').val();
                window.location = '/WebForm2.aspx?' + by + '=' + txt;
            });
        })
    </script>