动态添加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=‘width: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="width:330px;" readonly="readonly"/>                     <input type="button" onclick="deleteDiv(0);" value="删除">                 </div>             </div>

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

时间: 2024-10-10 10:58:28

动态添加input功能的相关文章

jQuery动态添加input type=file文件上传域

jQuery动态添加input type=file文件上传域,当用户需要通过网页上传多个文件的时候,动态添加文件域就显得尤其重要,本功能引入了jQuery,兼容性方面也做的不错,暂时没有限制文件域的个数,所以你可以无限制的生成文件域,直到满足你的需要. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit

jQuery动态添加&lt;input type=&quot;file&quot;&gt;

有时候需要在页面上允许用户上传多个文件,个数由用户自己决定,个数多了也可以删除,使用jQuery可以很简单的实现这个功能. <!DOCTYPE html> <html> <head> <title>test.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script typ

动态添加input标签

<style type="text/css">        .delete_attach        {            padding-left: 18px;            background: url(../image/delete.png) no-repeat left top;            margin-left: 7px;            width: 90px;            color: #002f76;      

HTML+jQuery实现动态添加&lt;input&gt;输入框

一个html文件和一个js文件配合,在html文件里引入js文件,用jQuery为<a>标签添加一个点击事件,事件里只需写一个append函数就可以. HTML源码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script sr

jquery实现动态添加附件功能

创建HTML页面 项目中实现的原代码,无删减直接贴上.具体请参考"添加附件"按钮相关操作. 注意引入:cardRansomManage.js,ajaxfileupload.js. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

JQuery实现点击按钮动态添加input文本框,限制个数

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title> <script src="jquery-min.js" type="text/javascript"></script><script type=&

jQuery动态添加input,name值自增

function addLi(){ var listNum=$(".divList").length; var num= listNum == 0 ? 1: listNum+1 ; console.log(num); var divObj = '<div class="divList"><input class="small_input" placeholder="起始年份" name="start

JqueryMobile为Listview动态添加、删除查询功能

JqueryMobile的版本不同,引用JS的API也不同,因此为Listview动态添加.删除查询功能的代码也不同. 假设Listview控件内容如下: <ul data-role="listview" id="listview"  data-inset="true"> <li><a href="#">Acura</a></li> <li><a h

android--解决方案--自定义tabhost(动态添加选项+带自动水平滑动选项卡+手势切换选项卡及内容功能)

本文主要解决自定义tabhost的实现,以及集成通过代码动态添加选项卡功能.选项卡水平自动滑动功能.以及通过手势来切换选项卡功能. 下面跟我一起来完成这个完美的解决方案: 1.定义tabwidget选项卡的布局:tab_button.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/r