程序博客网 > sqlserver 设置主键

js 动态添加多表单控件 div

来源：互联网发布：sqlserver 设置主键编辑：程序博客网时间：2024/05/21 09:46

动态创建div层:
document.write("<div id='popupmenu'>...</div>);
清除层内容:
document.getElementById("popupmenu").innnerHTML="";

jssay (初级程序员) 2009-10-15

div遮罩层嘛
http://www.windsfly.cn/blog/default.asp?id=660
http://www.cnblogs.com/wjfluisfigo/archive/2009/01/15/1359309.html

<script type="text/javascript">
var p=1;
function CreateUpload()
    {
        p++;
        var div=document.createElement('div');
        var html='<img id=img_view'+p+' style="width: 90px; height: 90px; float: left;margin: 5px;display:none;" />'
         + '<div style="float: left;">'
         +' 类型：<select name="types" id="types'+p+'"><option value="1">荣誉证书</option><option value="2">环境风光</option>'
         +'<option value="3">公共设施</option><option value="4">温馨卧室</option><option value="5">精彩活动</option></select><br />'
         +' 标题：<input type="text" name="imgTitle" id="imgTitle'+p+'" size="30" value="" /><br />'
         +' 图片：<input type="text" readonly="readonly" id="ReviewPic'+p+'" name="ReviewPic" value="" style="width: 270px;" />'
         +'<input type="button" value="我要上传" onclick="document.getElementByIdx_x_x(\'frmReviewPic'+p+'\').style.display=(document.getElementByIdx_x_x(\'frmReviewPic'+p+'\').style.display == \'\' ? \'none\' : \'\')" />'
         +'<iframe name="frmReviewPic" id="frmReviewPic'+p+'" frameborder="0" cellpadding="0" width="480"'
         +' height="30" scrolling="no" src="../uploadfile.aspx?space=0&bgcolor=e6eff8&size=35&input=ReviewPic'+p+'"'
         +'bgcolor="#ffffff" style="display: none"></iframe><br />'
         +'描述：<textarea cols="60" rows="2" name="Description" id="Description'+p+'" class="inputtext"></textarea><a href="javascript:" onclick="RemoveAdd('+p+')">[-]删除</a></div>';
div.innerHTML=html;
div.style.width="780px";
div.style.marginTop="10px";
div.setAttribute("id","upDiv"+p);
//div.id="upDiv"+p;
document.getElementById('uppics').appendChild(div);
    }
function sub()
    {
       var ReviewPic=document.getElementsByName("ReviewPic");
       var Description=document.getElementsByName("Description");
       var imgTitle=document.getElementsByName("imgTitle");
       //alert(o.length);
       for(var i=0;i<ReviewPic.length;i++)
       {
          if(imgTitle[i].value=="")
          {
            alert("您有没有标题的图片上传，请填写标题！");
            imgTitle[i].focus();
            return false;
          }
          if(imgTitle[i].value.length>15)
          {
            alert("第"+(i+1)+"张图片的标题过长，请您更正！");
            imgTitle[i].focus();
            return false;
          }
          if(ReviewPic[i].value=="")
          {
            alert("第"+(i+1)+"张图片没有上传！");
            return false;
          }
       }
      return true;
    }
function RemoveAdd(id)
{
var div=document.getElementById('upDiv'+id);
var div2=document.getElementById('uppics');
div2.removeChild(div);
}
    </script>

<html>
<head>
</head>
<body>
<div style="width: 100%;" id="uppics">
                                            <div style="width: 100%;" id="upDiv1">
                                                <img id="img_view1" style="width: 90px; height: 90px; float: left; margin: 5px; display: none;" />
                                                <div style="float: left;">
                                                    类型：<select name="types" id="types1"><option value="1">荣誉证书</option>
                                                        <option value="2">环境风光</option>
                                                        <option value="3">公共设施</option>
                                                        <option value="4">温馨卧室</option>
                                                        <option value="5">精彩活动</option>
                                                    </select><br />
                                                    标题：<input type="text" name="imgTitle" id="imgTitle1" value="" size="30" /><br />
                                                    图片：<input type="text" readonly="readonly" id="ReviewPic1" name="ReviewPic" value="" style="width: 270px;" />
                                                    <input type="button" value="我要上传" onclick="document.getElementByIdx_x_x('frmReviewPic1').style.display=(document.getElementByIdx_x_x('frmReviewPic1').style.display == '' ? 'none' : '')" />
                                                    <iframe name="frmReviewPic" id="frmReviewPic1" frameborder="0" cellpadding="0" width="480"
                                                        height="30" scrolling="no" src="../uploadfile.aspx?space=0&bgcolor=e6eff8&size=35&input=ReviewPic1"
                                                        bgcolor="#ffffff" style="display: none"></iframe>
                                                    <br />
                                                    描述：<textarea cols="60" rows="2" name="Description" id="Description1" class="inputtext"></textarea>
                                                </div>
                                                <input style="float: left;" class="botton" type="button" onclick="CreateUpload()"
                                                    value="[+]继续添加" />
                                            </div>
                                        </div>
          </body>
<html>

sqlserver 设置主键

sqlserver 设置主键

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子申诉是什么意思手机版qq申诉英文版违章申诉流程号码标记申诉平台信誉积分申诉申诉什么意思申诉书格式和范文 2019滴滴申诉秒过办法刑事申诉程序刑事诉讼申诉申诉离婚需要多少钱淘宝申诉入口交通违章申诉电话好友辅助申诉淘宝申诉电话是多少好友辅助申诉怎么弄淘宝卖家申诉入口医疗事故申诉淘宝卖家申诉电话申诉离婚流程交通事故申诉淘宝降权申诉成功率申诉和上诉的区别淘宝怎么申诉辅助好友申诉申诉进度查询账号申诉进度查询帐号申诉进度查询申诉结果查询申诉凭证是什么梦三国账号申诉公务员申诉规定法院申诉离婚淘宝申诉理由怎么写查询申诉结果上诉和申诉的区别淘宝知识产权申诉理由劳动争议仲裁申诉书刑事附带民事申诉状离职申请转正申请