关于JS获取标签中的的方法及上传下载
<tr><th class="jcjh1" ><input id="selectradio" type="radio" name="rec" value="0" onclick="showSelectSpot()" checked="checked">选择<input id="textradio" type="radio" name="rec" value="1" onclick="showTextSpot()">输入地点名称</th><td id="jcddselect"><input type="hidden" id="spotName1" name="danger.spotName" value="${danger.spotName}"/><select id="spotSelect" onchange="showdynamicSpot()"><option value="">请选择</option><s:iterator value="spots" var = "item"> <option value="<s:property value="#item.jcddmc"/>"><s:property value="#item.jcddmc"/></option></s:iterator> </select></td><td id="jcddtext" class="jcjh" style="display: none;"><input type="text" id="spotName2" name="danger.spotName" value="${danger.spotName}"/></td><th class="jcjh1" >动态地点</th><td><input id="dynamicSpot" type="text" class="search_ipt easyui-validatebox " value="${danger.dynamicSpot }" name="danger.dynamicSpot" data-options="required:true"/> </td></tr>
使用JQuer的Id选择器:
function showSelectSpot(){$("#jcddtext").css('display','none');$("#jcddselect").css('display','block');} function showTextSpot(){$("#jcddtext").css('display','block');$("#jcddselect").css('display','none');}
if("${spots}"!=null && "${spots}"=="[]"){ //根据参数的状态对input标签进行显示设置 JQuery类型选择器$("input[type='radio'][value='0']").attr("disabled",true);$("input[type='radio'][value='0']").attr("checked",false);$("input[type='radio'][value='1']").attr("checked",true);showTextSpot();} if("${danger.spotName}"){getSpotName("${danger.spotName}");}
关于附件的下载:
1.
<tr><th class="jcjh1">复查附件:</th><td data-name="${danger.recheckFileNum}" data-file="${danger.recheckFilePath}"onclick="downFile(this)" style="color:rgb(27, 192, 244);cursor:pointer;">${danger.recheckFileNum }</td></tr>
function downFile(tag){var path = null;var filename=null;if($("#audioFilePath").val!=null){filename =$(tag).data("name");path=$(tag).data("file");} if(path == ""){$.messager.alert('系统提示', '文件路径不存在 ', 'info');return;}$("#downloadfile").val(path);$("#downloadname").val(filename);$("#downfrm").submit(); }
<script type="text/javascript" src="<%=basePath %>/resources/scripts/frameworks/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="<%=basePath %>/resources/scripts/jquery.crs/jquery.crs.utils.js"></script> <link rel="stylesheet" type="text/css" href="<%=basePath %>/resources/styles/crs-default.css" /> <link rel="stylesheet" type="text/css" href="<%=basePath %>/resources/scripts/frameworks/jquery.easyui.1.3.2/themes/icon.css" /> <link rel="stylesheet" type="text/css" href="<%=basePath %>/resources/scripts/frameworks/jquery.easyui.1.3.2/themes/default/easyui.css"/> <script type="text/javascript" src="<%=basePath %>/resources/scripts/frameworks/jquery.easyui.1.3.2/jquery.easyui.min.js"></script> <script type="text/javascript" src="<%=basePath %>/resources/scripts/jquery.crs/jquery.easyui.validaterules.js"></script> <script type="text/javascript" src="<%=basePath %>/resources/scripts/frameworks/jquery.easyui.1.3.2/locale/easyui-lang-zh_CN.js"></script>
2.
<tr><th width="20%" class="jcjh1" align="center">复查附件</th><td class="jcjh"><div style="width:315px;height:25px; position: relative;display:inline-block;" ><input type="text" id="paperFile" name="danger.recheckFileNum" value="" readonly="readonly" class="crs-upload-name easyui-validatebox" style="width: 290px;padding-right: 26px; height:23px" /><input type="hidden" id="audioFilePath" name="danger.recheckFilePath" value="${danger.recheckFilePath}" class="crs-upload-path"/><span id="paperUploader" class="crs-ile-uploader" style="position: absolute;" title="上传文件"></span></div> //下载<input id="downloadBtn" type="button" onclick="downFile()" class="crs-ep-down" style="position:relative;left:12px;padding-left: 70px;top: -3px;" /></td></tr>
/* 下载复查附件 */function downFile(){var path = null;var filename=null;if($("#audioFilePath").val!=null){path = $("#audioFilePath").val();filename=$("#paperFile").val();} if(path == "" ||path == null){$.messager.alert('系统提示', '文件路径不存在 ', 'info');return;}$("#downloadfile").val(path);$("#downloadname").val(filename);$("#downfrm").submit(); }
地址验证可以使用如下方法验证:
if(!path){$.messager.alert('系统提示', '文件路径不存在 ', 'info');return;}
上传
$("#paperUploader").kyuploadify({width:30,height:23,formData:{"pair.clsid":"danger","pair.ajax":true},fileTypeDesc:"复查附件",fileTypeExts: '*.doc;*.docx;*.xls;*.xlsx;*.pdf',onUploadSuccess:function(file,data){$.crs.result(data,function(ret){$("#paperFile").val(file.name);$("#audioFilePath").val(ret.attributes["path"]);},function(){$.messager.alert("系统消息","上传文件失败!","error");})},onUploadError:function(file){}});
<form id="downfrm" action="file!download.action" method="post"><input id="downloadname" type="hidden" name="pair.filename"/><input id="downloadfile" type="hidden" name="pair.path" /> </form>
<link rel="stylesheet" href="styles/common/css/bootstrap.min.css" type="text/css" /> <link href="styles/common/css/blue.css" type="text/css" rel="stylesheet"/> <link href="styles/css/blue.css" type="text/css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="resources/scripts/frameworks/jquery.easyui.1.3.2/themes/icon.css" /> <link href="resources/scripts/jquery.crs/uploadify.css" type="text/css" rel="stylesheet"></link> <script type="text/javascript" src="scripts/jquery.crs/jquery.crs.kyform.js"></script> <script type="text/javascript" src="resources/scripts/frameworks/jquery.uploadify.3.2.1/jquery.uploadify.min.js"></script> <script type="text/javascript" src="resources/scripts/jquery.crs/jquery.crs.kyuploadify.js"></script>
转载于:https://www.cnblogs.com/flytogalaxy/p/7889686.html
关于JS获取标签中的的方法及上传下载相关推荐
- java ftp ftpclient_详解JAVA中使用FTPClient工具类上传下载
详解JAVA中使用FTPClient工具类上传下载 在Java程序中,经常需要和FTP打交道,比如向FTP服务器上传文件.下载文件.本文简单介绍如何利用jakarta commons中的FTPClie ...
- 使用PDH性能计数器(Windows)获取CPU使用率、可用物理内存、上传/下载速率、磁盘读写速率
最近要写一个windows下的监控客户端,需要收集计算机的一些信息. 其中CPU使用率.可用物理内存(用于计算内存使用率).上传/下载速率.磁盘读写速率,都需要实时的.各种资料查询之后,决定使用pdh ...
- JAVA中使用FTPClient实现文件上传下载
在JAVA程序中,经常需要和FTP打交道,比如向FTP服务器上传文件.下载文件,本文简单介绍如何利用jakarta commons中的FTPClient(在commons-net包中)实现上传下载文件 ...
- js 复制 标签中的内容 方法
<span id='id'>hello world</span><input type='button' onClick='copy("id")' v ...
- js 获取input type=file 文件,并且上传
html页面: <input type="file" class="inputPic" allowexts="gif,jpeg,jpg,png, ...
- mac 下配置连接Linux服务器方法,上传下载文件操作
1.先按照文档在本地生成SSHkey 2.mac输入 sudo -i 进入超级管理员#模式下,然后 创建用户 #useradd XXXadmin #passwd XXXadmin XXXadmin用户 ...
- JS 获取标签属性值的方法
1.取值 方法一 自定义属性必须用getAttribute()方法 var iframeSrcAttr = document.getElementById("importJsp") ...
- JS--------文件操作基本方法:上传/下载
/*** 上传文件* @param {any} files 文件* @param {any} data 数据* @returns [true,文件路径]* @returns [false,异常/错误消 ...
- html获取url参数值,js获取url中参数值的两种方法
本节主要内容: js获取url中参数值. 方法1:正则分析法 复制代码 代码示例: function getQueryString(name) { var reg = new RegExp(" ...
- 报表中如何控制附件的上传和下载权限
目前,多用户的软件平台已经是再常见不过的了,有成千上万个用户账号的平台也很正常.为了保证每个用户准确访问各自的信息,免不了要做这样或那样的权限控制,而且这种权限控制往往是需要基于数据层面进行管理的. ...
最新文章
- 精心分享7个小巧却强大的电脑端小软件,让人大开眼界!
- Modelsim仿真如何查看内部信号
- timer定时器_拾遗Timer定时器
- 产品经理应该mysql_数据库对产品经理的重要性
- 线程:信号量 sem_wait sem_post
- 自然语言处理项目之新闻主题分类Python实现
- archman linux教程,Archman GNU/Linux 2020-01 发布,基于Arch的Xfce桌面发行版
- 帮助小姐姐破解加密压缩包(一)——暴力破解字典生成
- SVM多分类器算法-一对多
- 红山区智慧城管系统正式上线运行
- 【180630】VC++画面炫丽的2D 太空射击游戏源码
- 华为全连MGRE与星型拓扑MGRE(全网状与非全网状)
- 简单电脑版微信双开方法多开bat分身代码教程
- BLAM的安装与使用
- 基于SVG的鼠标动态绘制矩形和动态放置图片
- 6种穷人思维必须警惕
- error怎么开机 fan_笔记本开机显示fan error怎么解决?
- Linux: 磁盘与文件系统管理
- 通过ssh工具,使PC远程连接机载电脑
- HashMap扩容为什么是2的倍数
热门文章
- 计算机网络负载均衡图片,负载均衡计算机网络课程网.ppt
- 9.1.3 .net framework通过业务逻辑层自动生成WebApi的做法
- 01.使用File类读写文件
- 使用drawBitmapMesh扭曲图像
- GitHub上IOS开源项目
- android:视频录制编写代码一直报非法状态错误,很多时候定位在setVideoEncoder和setAudioEncoder...
- 【Android】proguard混淆代码
- [转]瀑布流布局浅析
- 宝刀不老: Cookie (转)
- C# .Net中的类型转换(5)