脚本宝典收集整理的这篇文章主要介绍了解决type=file 文件修改表单 名称不能正常回显的问题,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
easyui 框架下 代码如下:
css:
.file_box{ float: right; width: 1035px; border: 1px solid #999; height: 32px; line-height: 35px; padding-left: 10px; margin-right: 25px; } .file{ float: right; outline: none; border:none; background: #67BEF4; border-radius: 4px; padding: 4px 12px; cursor:pointer; color: #fff; font-Size:18px; line-height: 20px; vertical-align: middle; margin: 2px; }
htML 页面:
<div class="file_box"> <button tyPE="button" class="file" id="select_file" onclick="file1.click();" > 选择附件</button> <input type="file" id="file1" name="PXXA_APPENDIX" style="width:250px;display: none;" onchange="setfile_tmp()";> <input type="text" id="file2" readonly="readonly" th:value="${map.PXXA_APPENDIX}" onclick="file1.click(); "> </div>
js脚本:
function setfile_tmp(){ VAR file11 = $("#file1")[0].value; var arrays1 = file11.splIT("\\"); var name1 = arrays1[arrays1.length-1]; name1=name1.toLowerCase(); $("#file2")[0].value=name1; }
总结
到此这篇关于type=file 文件修改表单 名称不能正常回显的问题的文章就介绍到这了,更多相关type=file内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本宝典!
以上是脚本宝典为你收集整理的解决type=file 文件修改表单 名称不能正常回显的问题全部内容,希望文章能够帮你解决解决type=file 文件修改表单 名称不能正常回显的问题所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。