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

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

作业提交过程之HDFSMapReduce

作业提交全过程详解 (1)作业提交 第1步:Client调用job.waitForCompletion方法,向整个集群提交MapReduce作业。 第2步:Client向RM申请一个作业id。 第3步:RM给Client返回该job资源的提交路径和作业id。 第4步:Client提交jar包、切片信息和配置文件到指定的资源提交路径。 第5步:Client提交完资源后,向RM申请运行MrAp

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

2. c#从不同cs的文件调用函数

1.文件目录如下: 2. Program.cs文件的主函数如下 using System;using System.Collections.Generic;using System.Linq;using System.Threading.Tasks;using System.Windows.Forms;namespace datasAnalysis{internal static

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全栈,前后端开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi

常用的jdk下载地址

jdk下载地址 安装方式可以看之前的博客: mac安装jdk oracle 版本:https://www.oracle.com/java/technologies/downloads/ Eclipse Temurin版本:https://adoptium.net/zh-CN/temurin/releases/ 阿里版本: github:https://github.com/

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)