2017年3月26日 星期日

Javascript 動態新增 input Element (不使用 Jquery)

圖例:
按新增作者後

<script>
    function addinput(){    
        var obj_0 = document.getElementsByName("addmember");
        var items="";
        //保存原有值
        for(i=0; i<obj_0.length ; i++){        
        if(items==""){
        items = document.getElementsByName("addmember")[i].value;
        }else{
        items += ","+ document.getElementsByName("addmember")[i].value;
        }        
        }
       
        if( obj_0.length==0 ){
        //第一次新增
          var obj = document.getElementById("content");
            obj.innerHTML = obj.innerHTML + "<br>作者:<input type='text' name='addmember' value='' />";                          
        }else{
        //第二次以後
        //先清除原有input 項目,再重新新增
        document.getElementById("content").innerHTML="";
        var obj = document.getElementById("content");
if( items.indexOf(",")>0 ){
            var ss =items.split(",");
                for(i=0; i<ss.length ; i++){
                    var val = ss[i];                  
                obj.innerHTML += "<br>作者:<input type='text' name='addmember' value='"+ val + "' />";        
                }
}else{              
                obj.innerHTML = "<br>作者:<input type='text' name='addmember' value='"+ items + "' />";        
}      
            obj.innerHTML += "<br>作者:<input type='text' name='addmember' value='' />";        
        }  
    }

</script>
</head>
<body>
<form name="myForm">
<div id="myDiv" style="display:none">test</div><br/>

作者:<input type="text" name="member" /><input type='button' id="add" value="新增作者" onclick="addinput();" /><br/>
<span id="content"></span><br/>

</form>
</body>


沒有留言:

Java 不同編碼字串, 其字串長度大小計算

以 Java 開發專案, 在 DAO 寫入資料庫時, 常遇到JAVA 字串與資料庫編碼不一致, 有時會產生字串過長,導致無法寫入資料庫的情況. 這時就要在入庫前, 先驗證 JAVA 編碼字串是否超出資料庫欄位長度 JAVA 依 不同編碼, 其長度是不一樣的 如: ...