不同的按钮提交到同一个地址,只是地址所带的参数值不一样的HTML和JS语句

本文主要是介绍不同的按钮提交到同一个地址,只是地址所带的参数值不一样的HTML和JS语句,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

方法一:<include file="public:header"/>
<style type="text/css">
.table_list .hightlight{color:red;}
</style>
<link rel="stylesheet" href="/js/calendar/calendar-blue.css"/>
<script type="text/javascript" src="/js/calendar/calendar.js"></script>
<script type="text/javascript">
$(document).ready(function(){
Calendar.setup({
inputField : "omonth1",
ifFormat : "%Y-%m-01",
showsTime : false,
});
$("#paygame").combobox({
url:"{:U('ajax/games')}",
valueField:'game_id',
textField:'game_name',
width:120,
onSelect:function(res){
$("#paygame").val(res.game_id);
}


});


});
function export_file($num){
$("#subfm").attr("action",$("#subfm").attr("action")+'&type='+$num).submit();
}
</script>
<div class="pad_lr_10">
<form name="searchform" method="post" action="{:U('difference/index')}" target="_blank" id="subfm">
        <table width="100%" cellspacing="0" class="search_form" >
            <tbody>
                <tr>
                    <td>
                    <div class="explain_col">
                                                        所属月份:<input type="text" name="omonth" value="" id="omonth1" class="date input-text" style="width:80px">  
  所属游戏:<input type="text" name="gid" value="" id="paygame" class="input-text"/>                          
&nbsp;&nbsp;<input class="btn"  type="button" οnclick="export_file(1);" value="财务与游戏方都存在的订单">
&nbsp;&nbsp;<input class="btn"  type="button" οnclick="export_file(2);" value="财务比游戏方少的当月不存在的订单">
&nbsp;&nbsp;<input class="btn"  type="button" οnclick="export_file(3);" value="财务比游戏方少的在其他月份存在订单">
&nbsp;&nbsp;<input class="btn"  type="button" οnclick="export_file(4);" value="财务比游戏方少的,在我方也不存在的订单">
                        </div>
  </td>
                </tr>
            </tbody>
        </table>
    </form>
</div>
<include file="public:footer" />
</body>

</html>



方法二:

<include file="public:header"/>
<style type="text/css">
.table_list .hightlight{color:red;}
</style>
<link rel="stylesheet" href="/js/calendar/calendar-blue.css"/>
<script type="text/javascript" src="/js/calendar/calendar.js"></script>
<script type="text/javascript">
$(document).ready(function(){
Calendar.setup({
inputField : "omonth1",
ifFormat : "%Y-%m-01",
showsTime : false,
});
$("#paygame").combobox({
url:"{:U('ajax/games')}",
valueField:'game_id',
textField:'game_name',
width:120,
onSelect:function(res){
$("#paygame").val(res.game_id);
}


});


});


function export_file1(){
$("#subfm").attr("action", "{:U('difference/index?type=1')}").submit();
}
function export_file2(){
$("#subfm").attr("action", "{:U('difference/index?type=2')}").submit();
}
function export_file3(){
$("#subfm").attr("action","{:U('difference/index?type=3')}").submit();
}
function export_file4(){
$("#subfm").attr("action","{:U('difference/index?type=4')}").submit();
}

</script>
<div class="pad_lr_10">
<form name="searchform" method="post" action="{:U('difference/index')}" target="_blank" id="subfm">
        <table width="100%" cellspacing="0" class="search_form" >
            <tbody>
                <tr>
                    <td>
                    <div class="explain_col">
                                                        所属月份:<input type="text" name="omonth" value="" id="omonth1" class="date input-text" style="width:80px">  
  所属游戏:<input type="text" name="gid" value="" id="paygame" class="input-text"/>                          
&nbsp;&nbsp;<input class="btn"  type="button" οnclick="export_file1();" value="财务与游戏方都存在的订单">
&nbsp;&nbsp;<input class="btn"  type="button" οnclick="export_file2();" value="财务比游戏方少的当月不存在的订单">
&nbsp;&nbsp;<input class="btn"  type="button" οnclick="export_file3();" value="财务比游戏方少的在其他月份存在订单">
&nbsp;&nbsp;<input class="btn"  type="button" οnclick="export_file4();" value="财务比游戏方少的,在我方也不存在的订单">
                        </div>
  </td>
                </tr>
            </tbody>
        </table>
    </form>
</div>
<include file="public:footer" />
</body>
</html>

这篇关于不同的按钮提交到同一个地址,只是地址所带的参数值不一样的HTML和JS语句的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/891624

相关文章

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Android实现悬浮按钮功能

《Android实现悬浮按钮功能》在很多场景中,我们希望在应用或系统任意界面上都能看到一个小的“悬浮按钮”(FloatingButton),用来快速启动工具、展示未读信息或快捷操作,所以本文给大家介绍... 目录一、项目概述二、相关技术知识三、实现思路四、整合代码4.1 Java 代码(MainActivi

Java使用SLF4J记录不同级别日志的示例详解

《Java使用SLF4J记录不同级别日志的示例详解》SLF4J是一个简单的日志门面,它允许在运行时选择不同的日志实现,这篇文章主要为大家详细介绍了如何使用SLF4J记录不同级别日志,感兴趣的可以了解下... 目录一、SLF4J简介二、添加依赖三、配置Logback四、记录不同级别的日志五、总结一、SLF4J

将Java项目提交到云服务器的流程步骤

《将Java项目提交到云服务器的流程步骤》所谓将项目提交到云服务器即将你的项目打成一个jar包然后提交到云服务器即可,因此我们需要准备服务器环境为:Linux+JDK+MariDB(MySQL)+Gi... 目录1. 安装 jdk1.1 查看 jdk 版本1.2 下载 jdk2. 安装 mariadb(my

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

C++使用printf语句实现进制转换的示例代码

《C++使用printf语句实现进制转换的示例代码》在C语言中,printf函数可以直接实现部分进制转换功能,通过格式说明符(formatspecifier)快速输出不同进制的数值,下面给大家分享C+... 目录一、printf 原生支持的进制转换1. 十进制、八进制、十六进制转换2. 显示进制前缀3. 指

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行