解决type=file 文件修改表单 名称不能正常回显的问题

easyui 框架下&nbs p;   代码如下：

css:

.file_box{
float: right;
width: 1035px;
border: 1px solid  # 999;
h ei ght: 32px;
line-height: 35px;
padding-left: 10px;
m arg in-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;
vert ical -align: middle;
mar gin : 2px;
}

ht ML 页面:

<div class="file_box">
<button ty PE ="button" class="file" id="select_file" onclick="file1.click();" > 选择附件</button>
<input type="file" id="file1" n am e="PXXA_APPENDIX" style="width:250px;dis play : 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.spl IT ("\\");
var name1 = arrays1[arrays1.length-1];
name1=name1.toLowerCase();
$("#file2")[0].value=name1;
}

总结

到此这篇关于type=file 文件修改表单 名称不能 正常 回显的问题的 文章 就介绍到这了,更多相关type=file内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

总结

以上是 为你收集整理的 解决type=file 文件修改表单 名称不能正常回显的问题 全部内容，希望文章能够帮你解决 解决type=file 文件修改表单 名称不能正常回显的问题 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于解决type=file 文件修改表单 名称不能正常回显的问题的详细内容...