不同的按钮提交到同一个地址,只是地址所带的参数值不一样的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

相关文章

使用vscode搭建pywebview集成vue项目实践

《使用vscode搭建pywebview集成vue项目实践》:本文主要介绍使用vscode搭建pywebview集成vue项目实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录环境准备项目源码下载项目说明调试与生成可执行文件核心代码说明总结本节我们使用pythonpywebv

Mybatis Plus JSqlParser解析sql语句及JSqlParser安装步骤

《MybatisPlusJSqlParser解析sql语句及JSqlParser安装步骤》JSqlParser是一个用于解析SQL语句的Java库,它可以将SQL语句解析为一个Java对象树,允许... 目录【一】jsqlParser 是什么【二】JSqlParser 的安装步骤【三】使用场景【1】sql语

使用Python获取JS加载的数据的多种实现方法

《使用Python获取JS加载的数据的多种实现方法》在当今的互联网时代,网页数据的动态加载已经成为一种常见的技术手段,许多现代网站通过JavaScript(JS)动态加载内容,这使得传统的静态网页爬取... 目录引言一、动态 网页与js加载数据的原理二、python爬取JS加载数据的方法(一)分析网络请求1

使用Python和Tkinter实现html标签去除工具

《使用Python和Tkinter实现html标签去除工具》本文介绍用Python和Tkinter开发的HTML标签去除工具,支持去除HTML标签、转义实体并输出纯文本,提供图形界面操作及复制功能,需... 目录html 标签去除工具功能介绍创作过程1. 技术选型2. 核心实现逻辑3. 用户体验增强如何运行

IDEA实现回退提交的git代码(四种常见场景)

《IDEA实现回退提交的git代码(四种常见场景)》:本文主要介绍IDEA实现回退提交的git代码(四种常见场景),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1.已提交commit,还未push到远端(Undo Commit)2.已提交commit并push到

CSS 样式表的四种应用方式及css注释的应用小结

《CSS样式表的四种应用方式及css注释的应用小结》:本文主要介绍了CSS样式表的四种应用方式及css注释的应用小结,本文通过实例代码给大家介绍的非常详细,详细内容请阅读本文,希望能对你有所帮助... 一、外部 css(推荐方式)定义:将 CSS 代码保存为独立的 .css 文件,通过 <link> 标签

sql语句字段截取方法

《sql语句字段截取方法》在MySQL中,使用SUBSTRING函数可以实现字段截取,下面给大家分享sql语句字段截取方法,感兴趣的朋友一起看看吧... 目录sql语句字段截取sql 截取表中指定字段sql语句字段截取1、在mysql中,使用SUBSTRING函数可以实现字段截取。例如,要截取一个字符串字

使用Vue-ECharts实现数据可视化图表功能

《使用Vue-ECharts实现数据可视化图表功能》在前端开发中,经常会遇到需要展示数据可视化的需求,比如柱状图、折线图、饼图等,这类需求不仅要求我们准确地将数据呈现出来,还需要兼顾美观与交互体验,所... 目录前言为什么选择 vue-ECharts?1. 基于 ECharts,功能强大2. 更符合 Vue

Vue中插槽slot的使用示例详解

《Vue中插槽slot的使用示例详解》:本文主要介绍Vue中插槽slot的使用示例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录一、插槽是什么二、插槽分类2.1 匿名插槽2.2 具名插槽2.3 作用域插槽三、插槽的基本使用3.1 匿名插槽

springboot+vue项目怎么解决跨域问题详解

《springboot+vue项目怎么解决跨域问题详解》:本文主要介绍springboot+vue项目怎么解决跨域问题的相关资料,包括前端代理、后端全局配置CORS、注解配置和Nginx反向代理,... 目录1. 前端代理(开发环境推荐)2. 后端全局配置 CORS(生产环境推荐)3. 后端注解配置(按接口