jquery 列表框可以手动修改(调用接口修改)

news2024/11/29 3:51:32

类似于这种
在这里插入图片描述
直接上代码 列表框

    <td>
    //目的主要是获取属性名的(要更改的属性名)  在下面juqery的这一行
    (var field = $(thisobj).prev('input').attr('name');)有体现
    <input type="hidden" name="voyage" value="${M_PSI_PERIOD_INFO.port}">
	  //显示原始值 后台传过来的原始值
      <h:text name="M_PSI_PERIOD_INFO" property="voyage" styleId="voyage" style="border:none" onchange="update(this)" indexed="true" />
                                              
<td>
 <input type="hidden" name="demand_shipping_dt" value="${M_PSI_PERIOD_INFO.port}">
 //日期格式
 <h:dateText name="M_PSI_PERIOD_INFO"  property="demand_shipping_dt" styleId="demand_shipping_dt" format="yyyy-MM-dd" displayFormat="yyyy-MM-dd" docType="4" icon="true"  onchange="update(this)" style="width:150px;margin-right:10px"/>
 </td>
                                         

jquery代码

function update(thisobj) {
    debugger
    var now;
    var former;

    debugger
    if ($(thisobj)[0].tagName == "SELECT") {
        //下拉框取更改后的值
        now = $(thisobj).val();
    }else {
    	//获取修改过后的值
        now = $(thisobj).val();
        //获取上一个input框的值(原始值) [prev()方法,获取上一个元素的值]
        former = $(thisobj).prev().val();
    }
    if (now === former) {

        $(thisobj).closest("td").removeClass("mouse");
    } else {
    //修改了  执行以下逻辑
      debugger
        $(thisobj).closest("td").addClass("mouse");

        //获取这一行其他属性的值
        var org_id = $(thisobj).closest('tr').find('td').find('input[name="org_id"]').val();
        var uid = $(thisobj).closest('tr').find('td').find('input[name="uid"]').val();
        var user_id = $(thisobj).closest('tr').find('td').find('input[name="user_id"]').val();
        var row_num = $(thisobj).closest('tr').find('td').find('input[name="row_num"]').val();
        var inf_type = $(thisobj).closest('tr').find('td').find('input[name="inf_type"]').val();
        var m_code = $(thisobj).closest('tr').find('td').find('input[name="m_code"]').val();
        //更改的字段名字(属性名称)
        var field = $(thisobj).prev('input').attr('name');

        var params = {
            org_id: org_id,
            uid: uid,
            user_id: user_id,
            row_num: row_num,
            inf_type: inf_type,
            m_code: m_code
        };
        //可变参数传值
        params[field] = now;

        //传递给后台执行更新操作
        f.doAjaxResult('atpAdjust.G05001@update', params, function(res) {
            debugger
          //todo  判断校验长度
            if(res.success === undefined){
                alert(f.getMessage('KA0050G0500101'));
            }
            if (res.success) {
                debugger
                //如果成功 刷新页面 (下面的data可能是搜索框的值,刷新列表页面时,需要将搜索框选择或者输入的参数携带过去进行查询。)
                const data = {"org_id": $("#org_id").val(), "psi_period": $("#psi_period").val(),"query_date_type":$("#query_date_type").val()
                    , "bo_code": $("#bo_code").val(), "country_code": $("#country_code").val(), "orderer_code": $("#orderer_code").val()
                    , "t_code1": $("#t_code1").val(), "t_code2": $("#t_code2").val(), "t_code3": $("#t_code3").val(), "m_code": $("#m_code").val()
                    , "group_type1": $("#group_type1").val(), "group_text1": $("#group_text1").val()
                    , "group_type2": $("#group_type2").val(), "group_text2": $("#group_text2").val()
                };
                f.doAjaxResult('atpAdjust.G05001@init', {query_data:JSON.stringify(data)}, function (res) {
                    debugger
                })

            }
        })

    }
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1529964.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Vulnhub - Hacker_Kid

希望和各位大佬一起学习&#xff0c;如果文章内容有错请多多指正&#xff0c;谢谢&#xff01; 个人博客链接&#xff1a;CH4SER的个人BLOG – Welcome To Ch4sers Blog Hacker_Kid 靶机下载地址&#xff1a;https://www.vulnhub.com/entry/hacker-kid-101,719/ WP 参考&…

路由器里如何设置端口映射?

在互联网时代&#xff0c;我们经常需要将内部网络的服务暴露到公网以便其他人访问。直接将内部网络暴露在公网上存在一定的安全风险。为了解决这个问题&#xff0c;我们可以利用路由器里设置端口映射来实现将特定端口的访问请求转发到内部网络的特定设备上。 端口映射的原理 端…

机器人离散化阻抗控制

机器人离散化阻抗控制是一种控制策略&#xff0c;它结合了阻抗控制的思想与离散化方法&#xff0c;以实现对机器人运动与外力之间动态关系的精细调节。这种控制方法旨在使机器人在与环境交互时能够表现出期望的阻抗特性&#xff0c;从而实现对接触力和位置的精确控制。 在离散…

AnyGo for Mac最新激活版:位置模拟软件打破地域限制

AnyGo for Mac&#xff0c;一款专为Mac用户打造的位置模拟软件&#xff0c;让您能够轻松打破地域限制&#xff0c;畅享无限可能。 软件下载&#xff1a;AnyGo for Mac v7.0.0最新激活版 通过AnyGo&#xff0c;您可以随时随地模拟出任何地理位置&#xff0c;无论是国内热门景点还…

轻松解锁微博视频:基于Perl的下载解决方案

引言 随着微博成为中国最受欢迎的社交平台之一&#xff0c;其内容已经变得丰富多彩&#xff0c;特别是视频内容吸引了大量用户的关注。然而&#xff0c;尽管用户对微博上的视频内容感兴趣&#xff0c;但却面临着无法直接下载这些视频的难题。本文旨在介绍一个基于Perl的解决方…

3D开发工具HOOPS如何助力3D项目实现扩展现实技术?

在当今数字化时代&#xff0c;扩展现实&#xff08;Augmented Reality&#xff0c;AR&#xff09;技术的应用已经逐渐深入到各行各业&#xff0c;为用户带来了前所未有的沉浸式体验。而在实现这种技术的开发过程中&#xff0c;HOOPS技术的运用无疑是一种强大的助力。HOOPS是一种…

WPF按钮相关

跟着官网敲的按钮相关的内容,还涉及了wpf很多其他的知识 1.创建基本按钮 <Grid><StackPanel HorizontalAlignment"Left"><Button>Button1</Button><Button>Button2</Button><Button>Button3</Button></StackPan…

WebMvcConfigurationSupport 注册自定义拦截器 Java SpringBoot

WebMvcConfigurationSupport 注册自定义拦截器 Java SpringBoot 说明 定义拦截器 拦截器&#xff08;Interceptor&#xff09;类&#xff0c;用于在处理请求之前进行一些操作。 实现方式&#xff0c;让类实现HandlerInterceptor。 在preHandle方法中进行请求拦截的逻辑操作…

海外社交营销为什么用云手机?不用普通手机?

海外社交营销作为企业拓展海外市场的重要手段&#xff0c;正日益受到企业的青睐。云手机以其成本效益和全球性特征&#xff0c;成为海外社交营销领域的得力助手。那么&#xff0c;究竟是什么特性使得越来越多的企业选择利用云手机进行海外社交营销呢&#xff1f;下文将对此进行…

31-Java前端控制器模式(Front Controller Pattern)

Java前端控制器模式 实现范例 前端控制器模式&#xff08;Front Controller Pattern&#xff09;是用来提供一个集中的请求处理机制&#xff0c;所有的请求都将由一个单一的处理程序处理该处理程序可以做认证/授权/记录日志&#xff0c;或者跟踪请求&#xff0c;然后把请求传给…

32位ARM微控制器: TLE9877QTW40XUMA1、CY9BF416NPMC-G-JNE2、CY9BF316NPMC-G-JNE2描述、器件参数

1、TLE9877QTW40 IC MCU 32BIT 64KB FLASH 48TQFP 描述&#xff1a;TLE9877QTW40属于TLE987x产品系列。TLE9877QTW40是一款单芯片三相电机驱动器&#xff0c;集成了行业标准的Arm Cortex -M3内核&#xff0c;能够实现先进的电机控制算法&#xff0c;例如磁场定向控制。它包括六…

使用 ArcGIS Pro 和 Google Earth Engine 可视化地表温度

在这项研究中,利用 Landsat 热数据通过各种方法检查了 2013 年和 2023 年恰纳卡莱省的地表温度变化。使用了 NDVI、大气层顶部、亮度温度、植被比例和地表温度等公式。研究结果表明,从热图像中获得的数据,特别是地表温度(LST),是土地解释的重要资源。 研究区域:恰纳卡莱…

Android14之selinux报错:ERROR: end of file in comment(一百九十七)

简介&#xff1a; CSDN博客专家&#xff0c;专注Android/Linux系统&#xff0c;分享多mic语音方案、音视频、编解码等技术&#xff0c;与大家一起成长&#xff01; 优质专栏&#xff1a;Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 优质专栏&#xff1a;多媒…

NLP---Bert分词

目录&#xff1a; Q&#xff1a;bert分词步骤1&#xff1a;构建N * N 的相关性矩阵&#xff0c;计算相邻两个字的相关性&#xff0c;低的话&#xff08;<阈值&#xff09;就切割。2&#xff1a;将A词进行mask计算出A的embedding&#xff0c;然后将AB两个词一起mask&#xff…

力扣日记3.19-【贪心算法篇】55. 跳跃游戏

力扣日记&#xff1a;【贪心算法篇】55. 跳跃游戏 日期&#xff1a;2024.3.19 参考&#xff1a;代码随想录、力扣 55. 跳跃游戏 题目描述 难度&#xff1a;中等 给你一个非负整数数组 nums &#xff0c;你最初位于数组的 第一个下标 。数组中的每个元素代表你在该位置可以跳跃…

此站点的连接不安全,怎么解决?

有部分的网站用户在打开的时候会被提示“此站点的连接不安全”这种现象为什么会出现&#xff0c;大概率是因为没有安装SSL证书或者SSL证书出现了错误&#xff0c;小编在这里面将展开讲解为大家分析其中的原因以及解决方法。 一&#xff1a;遇到该情况的时候该怎么办&#xff1…

Matlab DDPG

文章目录 1 rlSimulinkEnv1.1 说明1.2 例子1.2.1 使用工作空间Agent创建Simulink环境1.2.2 为Simulink模型创建强化学习环境1.2.3 创建Simulink多Agents环境2 创建Simulink环境和训练Agent2.1 创建环境接口2.2 创建DDPG Agent2.3 训练Agent2.4 验证已训练的Agent3 创建Simulink…

【2024.3.19练习】统计子矩阵

题目描述 题目分析 这道题一开始没有思路&#xff0c;使用蛮力枚举的方法时间复杂度为&#xff0c;显然超时。 参考题解后学会了化二维问题为一维问题&#xff0c;先使用的复杂度限制子矩阵的高度&#xff0c;再考虑列&#xff0c;这样就将子矩阵的和问题转变为了连续子序列的…

图论02-并查集的实现(Java)

2.并查集理论基础 并查集的作用 将两个元素添加到一个集合中。 判断两个元素在不在同一个集合并查集的实现 1.DSU 类定义&#xff1a;DSU 类中包含一个整型数组 s 用来存储元素的父节点信息。2.DSU 构造函数&#xff1a; 构造函数 DSU(int size) 接受一个参数 size&#xff0…

万用表革新升级,WT588F02BP-14S语音芯片助力智能测量新体验v

万能表功能&#xff1a; 万能表是一款集多功能于一体的电子测量工具&#xff0c;能够精准测量电压、电流、电阻等参数&#xff0c;广泛应用于电气、电子、通信等领域。其操作简便、测量准确&#xff0c;是工程师们进行电路调试、故障排查的得力助手&#xff0c;为提升工作效率…