• 动态添加input功能


    动态添加input功能:

    <script>     var TfileUploadNum=3; //记录图片选择框个数     var Tnum=3; //ajax上传图片时索引     function TAddFileUpload() {         var idnum1 = TfileUploadNum+1;         var idnum2 = TfileUploadNum+2;         var str="<div id='fileDataDiv[";         str+=idnum1;         str+="]' class='module_border'><div class='l'> 商品图片";         str+=idnum2;         str+=":</div><div class='c'><input id='fileData[";         str+=idnum1;         str+="]' name='fileData[";         str+=idnum1;         str+="]'  type='file' onchange='StatusValuesFunctiong(";         str+=idnum1;         str+=");'";         str+="class='input_border'/>";         str+="<input id='fileDataValue[";         str+=idnum1;         str+="]'  name='fileDataValue[";         str+=idnum1;         str+="]' type='text' style='330px;' readonly='readonly'/>";         str+="<input type='button' onclick='deleteDiv(";         str+=idnum1;         str+=");' value='删除'>";         str+="</div></div>";         $('#provincecode').append(str);         TfileUploadNum += 1;     }

        function deleteDiv(statusValue){         document.getElementById("fileDataDiv["+statusValue+"]").style.display='none';     } </script>

    <div id="provincecode" class="module_border">             <div id="fileDataDiv[0]" class="module_border">                 <div class="l">                     商品图片1:                 </div>                 <div class="c">                     <input id="fileData[0]" name="fileData[0]"  type="file" onchange="StatusValuesFunctiong(0);" value="1"/>                     <input id="fileDataValue[0]"  name="fileDataValue[0]" type="text" style="330px;" readonly="readonly"/>                     <input type="button" onclick="deleteDiv(0);" value="删除">                 </div>             </div>

     <input type="button" id="AddUpload" onclick="TAddFileUpload();" value="更多商品图片添加"/> </div>

  • 相关阅读:
    webpack学习04--打包图片资源
    webpack学习03--打包HTML资源
    webpack学习02--打包样式资源
    webpack学习01--基本使用
    Node.js学习02--创建express服务
    Node.js学习01--npm常用命令
    CSS3的flex布局
    PictureCleaner 官方版 v1.1.5.0607,免费的图片校正及漂白专业工具,专业去除文档图片黑底麻点杂色,规格化A4、B5尺寸输出,还你一个清晰的文本。
    python常识系列22-->jsonpath模块解析json数据
    杂七杂八的问题处理05--jmeter解决部分情况下jtl报告转html报告报错
  • 原文地址:https://www.cnblogs.com/zifashaonian10000/p/4218340.html
Copyright © 2020-2023  润新知