静态页面向动态页面传递参数

最新推荐文章于 2021-06-04 17:51:56 发布

askme1alittle

最新推荐文章于 2021-06-04 17:51:56 发布

阅读量1k

点赞数

分类专栏： .Net一下ASP 文章标签： textbox button input xhtml javascript 脚本

本文链接：https://blog.csdn.net/askme1alittle/article/details/3418249

版权

.Net一下ASP 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

静态页面想动态页面传参：
1.如何获取静态页面控件的值：
A：获取TEXT控件的值var TextBox = document.form1.text.value;
B：获取下拉控件的值var DropDownList = document.getElementById("Select1").value;
   补充说明：构建下拉控件
<select name="type" style="WIDTH:130px" id="Select1">
<option value="行业动态" selected="selected">行业动态</option>
<option value="市场行情">市场行情</option>
<option value="市场分析">市场分析</option>
<option value="钢厂价格">钢厂价格</option>
<option value="钢厂动态">钢厂动态</option>
<option value="国际期货">国际期货</option>
<option value="国际市场">国际市场</option>
<option value="统计资料">统计资料</option>
<option value="招标信息">招标信息</option>
<option value="政策法规">政策法规</option>
<option value="展会信息">展会信息</option>
<option value="进出口">进出口</option>
<option value="相关行业">相关行业</option>
</select>
C：获取复选框组的选中值：
var Check="";
for(var   i=0;i<document.form1.elements.length;i++)
{
    e=document.form1.elements[i];
    if(e.checked)
    {
      Check += e.value + " ";
    }
}
   补充说明：构建复选框组
   <input   type="checkbox"   name="checkbox1"   value="1"/>1
   <input   type="checkbox"   name="checkbox1"   value="2"/>2
   <input   type="checkbox"   name="checkbox1"   value="3"/>3
   <input   type="checkbox"   name="checkbox1"   value="4"/>4
   <input   type="checkbox"   name="checkbox1"   value="5"/>5
   <br />
2.如何进行脚本页面转向：
A：脚本页面转向的写法：window.location.href="Default.aspx?A=" + Check + "&B=" + TextBox + "&C=" + DropDownList;
   补充说明：转向后可以如上将参数拼进页面地址中以方便在动态页中获取
B：如何定制触发转向的事件：
   a:按钮事件定制：<input type="button" value="button" οnclick="checkall()"/>
   b:按钮事件编写：function   checkall() { }
3.转向代码展示：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="chack.aspx.cs" Inherits="chack" %>

<!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>
<script   language="javascript">
function   checkall()
{
var Check="";
for(var   i=0;i<document.form1.elements.length;i++)
{
e=document.form1.elements[i];
if(e.checked)
{
Check += e.value + " ";
}
}
var TextBox = document.form1.text.value;
var DropDownList = document.getElementById("Select1").value;
window.location.href="Default.aspx?A=" + Check + "&B=" + TextBox + "&C=" + DropDownList;
}
</script>
</head>
<body   bgcolor="pink">
<br />
<form   name="form1" action="">
    <p><input type="text" id="text" name="text" /></p>
    <p>
<select name="type" style="WIDTH:130px" id="Select1">
<option value="行业动态" selected="selected">行业动态</option>
<option value="市场行情">市场行情</option>
<option value="市场分析">市场分析</option>
<option value="钢厂价格">钢厂价格</option>
<option value="钢厂动态">钢厂动态</option>
<option value="国际期货">国际期货</option>
<option value="国际市场">国际市场</option>
<option value="统计资料">统计资料</option>
<option value="招标信息">招标信息</option>
<option value="政策法规">政策法规</option>
<option value="展会信息">展会信息</option>
<option value="进出口">进出口</option>
<option value="相关行业">相关行业</option></select>
</p>
    <p>
      <input   type="checkbox"   name="checkbox1"   value="1"/>
      1
      <input   type="checkbox"   name="checkbox1"   value="2"/>
      2
      <input   type="checkbox"   name="checkbox1"   value="3"/>
      3
      <input   type="checkbox"   name="checkbox1"   value="4"/>
      4
      <input   type="checkbox"   name="checkbox1"   value="5"/>
      5
      <br />
      <br />
      <input type="button" value="button" οnclick="checkall()"/>
      </p>
</form>
</body>
</html>

askme1alittle

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
静态页面向动态页面传递参数

静态页面想动态页面传参：1.如何获取静态页面控件的值：A：获取TEXT控件的值var TextBox = document.form1.text.value;B：获取下拉控件的值var DropDownList = document.getElementById("Select1").value; 补充说明：构建下拉控件行业动态市场行情市场分析钢厂价格钢厂动态国际期货国际市场
复制链接

扫一扫