获取input框里遍历出来某一列的值

无人机巡检提速3倍!YOLOv8n+OpenVINO让Jetson Nano跑25FPS,还能多飞25分钟 摘要(149字): 针对无人机巡检中Jetson Nano算力不足导致的帧率低、首次推理延迟高、续航短等问题,提出YOLOv8n+OpenVINO联合优化方案: 模型轻量化:YOLOv8n参数量仅3.2M(较v8s减少71%),Jetson Nano帧率从8FPS提升至15FPS(原生),绝缘子裂纹召回率仅降3%; OpenVINO加速:AUTO模式动态分配CPU/GPU算力,首次推理延迟从500ms降至200ms,帧率再优化至25FPS; 能效提升:功耗降低40%,单次续航延长25分钟。方案已落地电力/林 阅读详情

有时候只有一个input框,但input框有时候需要存放很多的值,如:

<table>
 <tr>
        <td>编号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>出生日期</td>
        <td>操作</td>
 </tr>
  <th:block th:each="test:${test_oneAllList}">
    <tr>
        <td class="testId" th:text="${test.testId}"></td>
        <td><span th:text="${test.testName}"></span></td>
        <td><span th:text="${test.testAge}"></span></td>
        <td><span th:text="${#dates.format(test.testDate,'yyyy-MM-dd')}"></span></td>
        <td>
        <button onclick="select(this)"
                    class="btn btn-default" data-toggle="modal" data-target="#myModal">修改</button>
            <button onclick="deletes(this)">删除</button>
        </td>
    </tr>
    </th:block>
 </table>

结果如图:

在这里插入图片描述比如要根据编号对信息进行修改,如果用form表单提交可以用这种方式:

 <a th:href="@{/Test/update(testId=${test.testId})}">修改</a>

但这种提交方式是需要跳转页面的,有很多情况是不能跳转页面修改的,这样会影响页面的美观,所以一般情况下修改是用模态框+Ajax来实现的。但用Ajax怎么获取一个文本框遍历出来某一列的id呢?

var testId = $(".testId").html();

这种情况肯定是不行的,因为这是遍历出来的值,所以只能获取到第一列id的值。

所以正确的遍历方式是

    //修改
    function select(res){
        var testId = $(res).parent().siblings(".testId").html();
        alert(testId);
    }

html页面引用

 <button onclick="select(this)">修改</button>

完整的Ajax的方法如下:

 //查询
    function select(res) {
        var testId = $(res).parent().siblings(".testId").html();
        $.ajax({
            url:"/Test/selectId",
            data:{
                testId:testId
            },
            success: function(data){
                //把根据id查询的值赋给模态框中的input框内
                $("#testId").val(data.testId);
                $("#testName").val(data.testName);
                $("#testAge").val(data.testAge);
                var time = new Date(data.testDate).toJSON();
                var d = new Date(time);
                //格式化日,如果小于9,前面补0
                var day = ("0" + d.getDate()).slice(-2);
                 //格式化月,如果小于9,前面补0
                var month = ("0" + (d.getMonth()+1)).slice(-2);
                var times=d.getFullYear() + '-' + (month) + '-' + (day);
                $("#testDate").val(times);
            },
            error:function (data) {
                alert("没有该商品信息");
            },
        });
    }
Qt5+OSG实战:如何用osgQOpenGLWidget在窗口中加载3D模型(附完整代码) 本文详细解析了如何在Qt5中使用osgQOpenGLWidget加载和渲染3D模型,涵盖环境配置、核心架构、性能优化及高级技巧。通过实战案例和完整代码,帮助开发者实现工业级3D模型渲染,提升Qt与OSG的整合效率。 阅读详情

相关推荐

深度学习分类任务中,正负样本比例失衡的5种实战解决方案(附代码)

本文深入探讨了深度学习分类任务中正负样本比例失衡的5种实战解决方案,包括智能采样技术、动态数据增强、损失函数工程、模型架构创新和训练策略优化。针对信用卡欺诈检测、医疗诊断等场景,提供了详细的代码实现和评估方法,帮助开发者有效解决样本不平衡问题,提升模型在真实场景中的表现。

h9j8k7l6m5n的博客 424

input的遍历及取值

遍历那name为pmRole的input $('input[name="pmRole"]').each(function () { console.log(this.value) }); 获取被选中的值 var userRole = $("input[name='pmRole']:checked").val(); 获取第一个的值 $('input[name="p...

weixin_43608538的博客 2774

时序异常检测汇总

时序异常检测

Mark_Australia的博客 1万+

js遍历input的name获得value实例

if(document.getElementById("type1").value==3) { var memochu = $("#memochu").val(); var matnum = document.getElementsByName("matnum"); for(g = 0;g if(isEmpty(matnum[g].value)) { alert("处方的量不能为空!

海洋专栏 4631

NotebookLM平替实测:用Open Notebook+Ollama零成本搭建私有AI知识库

本文提供了一份详细的实战指南,教你如何利用Open Notebook与Ollama,在本地零成本搭建一个功能强大且完全私有的AI知识库。通过Docker容器化部署,实现数据绝对安全、模型自由选择与离线运行,是NotebookLM等云端工具的绝佳平替方案,尤其适合注重数据隐私的教育工作者、研究者及小团队。

weixin_29052717的博客 513

layui 监听单元格点击事件,获取当前点击单元格的内容以及 所在的表头内容

特别是后台的一些管理系统中 业务中还是会碰见这样的需求呢 如果你的后台使用layui写的话 在表格中 layui 也给我们提供了监听单元格的事件 但是好像不能直接获取到单元格内容个 和 对应的表头 其实 还是可以解决 换个角度使劲就会发现新的世界 不是吗 event: 'username' 在每个表头中加一个 event 属性 这样就可以监听表头事件 记住个 event 和 当前列的字段最好保持一样 table.render({ e...

业余前端的职业经历 1万+

python中Tkinter 窗口之输入框和文本框

python中Tkinter 窗口之输入框和文本框 在制作登录页面时学习了TK弹窗的输入文本框的使用,下面让我们一起来学习一下TK弹窗中的输入框及文本框的使用方法吧! 输入框 要想制作一个输入弹窗其实比较简单,只需要几行代码就可以了,下面先看一下组成输入框的代码吧 在这里插入代码片 ...

让技术没有门槛 1万+

2024届数字IC秋招-华为机试-数字芯片-笔试真题和答案(三)(含2022年和2023年)

此部分包含华为机试真题,方向是数字芯片,内容详细包括设计、验证、后端等,大部分题目给出参考答案。华为机试都是从题库里抽题目,所以这些题目还是很有参考性的,甚至是完全一样,可以搜到的。(题目内容较多,将分开编写几个文章)A.错误B.正确参考答案:BA.getB.try_getC.peekD.put参考答案:B。

qq_42135020的博客 1913

element-ui循环出来的input文本框并获取value值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面标题</title> <script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vu...

hql1024的博客 6622

PMP第一章:引论介绍

PMP第一章:引论介绍 1.PMBOK指南概述和目的 项目管理标准 通用词汇 道德与专业行为规范 2.基本要素 项目 项目管理的重要性 项目、项目集、项目组合以及运营管理之间的关系 指南的组成部分 裁剪 项目管理商业文件 3.项目管理标准 标准是基于权威、惯例或共识而建立并用作模式或范例的文件。 标准确认了在大多数时候都被大多数项目视作良好实践的过程。 4.道德与专业行为规范 责任:对自己所做的决策或未做决策、所采取的行为或未采取行为,以及相应的后果,承担责任 尊重:对自己、他人和委托给自己的资源

zhengzaifeidelushang的博客 826

Cesium功能集(十二):Cesium中流体仿真

【代码】Cesium功能集(十二):Cesium中流体仿真。

GIS肆月 600

使用Thymeleaf遍历通过div输出值时,获取div中input框中的值

获取div中input框中的值 最近在做H5页面的app动作,为了和原生app没有太大差距,要求点击最外层的div就可以跳转到详情页。 上HTML代码 <div class="row" th:each="item : ${list}"> <input type="hidden" th:value="${item.id}" class="details_id"> <div > &

kunzedang_9528的博客 3948

【Jenkins】Jenkins :首次登录直接使用 admin 账户

目录 一、使用admin账户 二、修改admin用户密码 三、管理视图 一、使用admin账户 安装时,自定义安装,选择必要的插件安装,设置Jenkins的URL为: http://本机或服务器IP:8080 然后在创建第一个管理者界面,直接选择:使用admin 二、修改admin用户密码 进入:系统管理——管理用户——选中用户——点击设置图标——修改密码: 三、...

顾三殇 —— 博客空间(软件测试) 1万+

react 获取多个Input框中的值

react 获取多个Input框中的值 假如页面中有很多input需要取值,如果数量少的话,可以一个一个的定义,但是如果数据多的话一个一个的处理,会造成代码冗余,工作量大的问题。 方法1 关键点就是我们传递一下name值,然后去setState里动态设置每个input的值,我们可以在render里边console.log(this.state)看一下,我们的每一项的值就是{name1:”abc”,name2:”def”} import React,{ Component } from 'react'; cl

weixin_29947843的博客 2420

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

jQuery获取多个input框的值,并封装到一个数组中

<input type="text" class="resAccount" value="1"/> <input type="text" class="resAccount" value="2" /> <input type="text" class="resAccount" value="3" /> 如果是表...

混子 6178

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

如何用jQuery获取一个div内所有input[type=‘text‘]的值

如何用jQuery获取一个div内所有input[type=‘text’]的值 前言 有时候一个表单需要用户填写的信息很多,所以input标签也会很多。因此我们在js中需要写大量的取值语句var d = $('#inputid').val(),这样代码量就显得很多,我想着能不能把这个表单所属div下所有的input标签中值都拿到,然后再做处理。 先举个小例子 比如下面这段代码。id为getData的div中包含4个输入框。 <div id="getData"> <table&gt

weixin_44430893的博客 7998

vue如何监听多个input框_vue 遍历数据之后获得多个Input框,想要获取他们的值如何处理?...

<el-table :data="tableData" style="width: 100%;" @selection-change="handleSelectionChange"><el-table-column align="center" type="selection" width="55" fixed></el-table-column><el-...

weixin_30705133的博客 1905

jqury遍历table获取td内input的值

jqury遍历table获取td内input的值,并封装成一个数组对象。 infoTable 为table的id。 function getTableContent(el){ var entity = []; $("#infoTable").find("tr").each(f...

chushengzhu4618的博客 730

vue获取遍历出来的input的值

<li v-for="(kxz, index) in kxz " id="wz1"> <div class="grid-content bg-purple input"> <input class="text_fz" :id="'text'+index" type="text" :value=kxz.wz> &l...

wilL-my的博客 5463

jquery获取一组input的值

获取一组input的值 $(document).ready(function(){ $("button").click(function(){ var result = ''; $('input[name="pid[]"]').each(function(){ result=result+ $(this).val(); }); alert(re

lampsunny的专栏 6109

vue根据input框的值检索列表

vue根据input框的值检索列表 效果图 代码 <template> <div> <input type="text" v-model="search"> <ul> <!-- 注意!注意!注意!这里循环遍历的是items,不再是data里的list数组 --> <li v-for="(item,index)...

weixin_44046781的博客 1496

在js中获取 input checkbox里选中的多个值

思路: 利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示: html代码: <input type="checkbox" name="test" value="1"/><span>1</span> <input type="checkbox" name="test" value="2"/><span>2</span> <input type="

qq_41353397的博客 1053

jquery 查找表格里的input_JQ遍历表单获取input值或select值。

HTML:是否参加试驾你的预向车型您的职业程序员行政出纳你结婚了吗是否JQ:$(document).ready(function () {$("#showcard").click(function () {var ret_single = ret_download = '';$(".single").each(function(i){var s_name = $(this).parent().s...

weixin_32734545的博客 917

通过jquery获取多个相同name的input框的value值的总和

通过jquery获取多个相同name的input框的value值的总和 <input type="text" placeholder="中奖率" name="winning_rate[]" id="before_winning_rate_1" value="0" > <input type="text" placeholder="中奖率" name="winning_rate[...

徊忆羽菲 4092

js 获取tr下的td下的 input值

function copySupply(_idx) { var copySupplys = []; var copySupplythis = []; //checkbox的全选方法 $("#getAllMatterSupplyCheckbox").click(function () { $("input[name='sid']").prop("che

lazy_ting的博客 1万+

js获取Table表格中input的值

获取Table表格中input的值网络上有大量的例句,但都不符全作者要求,于量就写了一个通用的方法供参考。也许你会用得上,还有本人在今后的项目中也可能再次用得上就写下如下内容。

weixin_43727933的博客 2027

jquery获取多个相同name的input框的value值

&lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;script src="http://www.jq2

光头强的博客 1万+
上一篇: 引入js文件无法正常使用
下一篇: js二个小数相乘结果出现很多小数点
与黑夜为伍
博客等级 码龄7年 19粉丝 80原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值