javascript DOM操作的有关问题，-JavaSript-爱易网页

javascript DOM操作的有关问题，

日期：2014-05-16　浏览次数：20437 次

javascript DOM操作的问题，在线等，急！！！！！！！！！！

C# code


<script type="text/javascript">
         var count = 0;
         function AddProduct() {
             if (count == 12)
                 return;
             count += 1;
             var File1 = document.getElementById("file1");
             var div = document.createElement("div");
             var countTxt = document.createTextNode("SN" + count);
             var inputTxt = document.createElement("input");
             inputTxt.type = "text";
             inputTxt.name = "txtSN" + count;
             var btn = document.createElement("input");
             btn.type = "button";
             btn.value = "Cancel";
             btn.onclick = function () {
                 this.parentNode.parentNode.removeChild(this.parentNode);
                 //alert(this.parentNode.nodeName);
                 var str = File1.innerHTML;
                 var re = /[^<]+/i;
                 var n = File1.getElementsByTagName("div");
                 for (var k = 0; k < n.length; k++) {
                     n[k].innerHTML = n[k].innerHTML.replace(re, "SN" + (k + 1));
                     n[k].getElementsByTagName("input").item(1).onclick = this.onclick;
                 }
                 count -= 1;
             }
             inputTxt.onchange = function () {
                 

             }
             div.appendChild(countTxt);
             div.appendChild(inputTxt);
             div.appendChild(btn);
             File1.appendChild(div);
         }
    </script>

以代码实现了asp.net 页面中动态的添加若干个div节点，内容包括一个Text 节点，一个文本框和一个按钮，现在我想实现在inputText这些文本框中输入信息的时候，验证它里面的数据和前面的所有同类inputText中的文本信息不同。如果相同就提示并返回。代码中inputTxt.onchange = function () { }该怎么写，求指点！

------解决方案--------------------
建议楼主贴个能运行的 html+js ，这样方便解决问题，不然就只有猜了。
------解决方案--------------------
我猜楼主是不是担心动态添加的时候和前面重复了呀~

如果那样的话~你建个字符串str,

str=$("看你情况写抓取规则,抓到所有的同类数组元素").text( ); 哦~没法用jquery是吧~

这里你str+=数组元素的innerTEXT;

然后用最新输入的这个去验证前面的~indexof(str)~ 没有就返回-1

然后你响应动作~
------解决方案--------------------
//大致这样写
inputTxt.onchange = function () {
txtNode = this.previousSibling.nodeValue;
if (txtNode != this.value) {
alert("不一致");
}
}
------解决方案--------------------
LZ可以把inputTxt的name设成一样的，比如"txtSN"。
id设成唯一的，用来区别 "txtSN" + count;

inputTxt.onchange = function () {

var inputTxtArr=document.getElementsByName("txtSN");
for(var i=0;i<inputTxtArr.length;i++)
{
if(inputTxtArr[i].value==this.value&&inputTxtArr[i].id!=this.id)
{
alert("重复");
}
}
}
------解决方案--------------------

HTML code

<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
</head>

<body>
    <input type="button" id="add" value="add" />
    <div id="file1"></div>
    <script type="text/javascript">
        document.getElementById('add').onclick = function(){
            var File1 = document.getElementById("file1");
            AddProduct(File1);
            if(!initEvent.hsdInit){
                initEvent(File1);
            }
        }
        var count = 0;
        function AddProduct(container) {
            if (count == 12)
                return;
            count +=

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

javascript DOM操作的有关问题，

相关资料更多>

推荐阅读更多>