当前位置:首页 > 开发 > Web前端 > 前端 > 正文

动态添加文本框

发表于: 2015-03-17   作者:BreakingBad   来源:转载   浏览:
摘要:   <script>     var num=1; function AddInput() {      var str="";     str+="<input 

  <script>

    var num=1;
function AddInput()

    var str="";
    str+="<input  type=\"text\" id=\"tel"+num+"\">";
    window.dvInput.innerHTML+=str;
    num++;
}

function getall()
{
for(i=1;i<num;i++)
{
alert(document.getElementById('tel' + num).value);
     document.getElementById("hidValue").value += document.getElementById('tel' + num).value+"|";

}
   alert(document.getElementById("hidValue").value);
}

        </script>

        <input id="Button2" type="button" onclick="AddInput();" value="添加" />
        <asp:Button ID="Button1" runat="server" OnClientClick=" getall();" Text="提交" />
        <div id="dvInput">
        </div>
        <input type="hidden" id="hidValue" />

-----------------------------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript">

//save method
function modifySave() {
    if(validate()){
        var num = 0;
        var str="";
        var arr = new Array();
        if($("#documentClaim option").length>0) {
            $("#documentClaim option").each(function(){
                str+="<input  name=\"masterPolicyDocumentsManagementTabDto.documentClaimDocumentCodesArr\" type=\"hidden\" id=\"documentClaimDocumentCodesArr"+num+"\">";
                arr[num] = $(this).val();
                num++;
            })
        }
       
        Output.innerHTML=str;
        for(var i = 0; i < num; i++ ){
            $("#documentClaimDocumentCodesArr"+i).val(arr[i]);
        }
        confirmSubmitForm();
    }
}

</script>

 

<p id="Output"></p>

 

 

动态添加文本框

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号