来帮忙看上这个有关问题，本人不是专业技术人员，前来求高人指教

来帮忙看下这个问题，本人不是专业技术人员，前来求高人指教！

JScript code

$(document).ready(function(){    var I = 1;    //fblog-add1                             $("#fblog-add1").click(function() {        if ($(".selectl-inner-sizel dl").size() &lt; 5) {                                       I = I + 1;            Size = "Size" + I + "_Id";            alert(Size);            $('.selectl-inner-sizel').append(                '&lt;dl class="frame-sel-filed pdt10"&gt;' +                '&lt;dd class="frame-sel-dd-01"&gt;文胸尺码&lt;/dd&gt;' +                '&lt;dd class="select-box"&gt;&lt;span&gt;请选择...&lt;/span&gt;' +                '&lt;ul class="select-ul"&gt;' +                '&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;32A&lt;/li&gt;' +'&lt;li onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;32B&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;32C&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;32D&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;32DD&lt;/li&gt;' +'&lt;li onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;34A&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;34B&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;34C&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;34D&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;34DD&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;36A&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;36B&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;36C&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;36D&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;36DD&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;38B&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;38C&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;38D&lt;/li&gt;'+'&lt;li class="bg-fff" onclick="javascript:document.getElementById(Size).value = this.innerHTML;"&gt;38DD&lt;/li&gt;' +                '&lt;/ul&gt;' + '&lt;/dd&gt;'+'&lt;/dl&gt;');};    });    $("#fblog-reduce1").click(function() {        if ($(".selectl-inner-sizel dl").size() &gt; 1) {            I = I - 1;              $(".selectl-inner-sizel dl:last-child").remove();            };    });});

效果大概为点一次添加一批内容，而次添加的内容都要计数，比如最开始I=1，那么第一次点击添加内容的时候，getElementById(Size)中，SIZE的值应该是size2_id，以此类推，第二次点击，getElementById(Size)中SIZE的值应该是size3_id，我想利用这种办法跟几个HIDDEN的文本框对应，但是实际情况是点了几次添加后，前面已经生成的所有getElementById(Size)中，SIZE的内容都变成了最后一次的SIZE的值，如何解决这个问题？

[解决办法]
document.getElementById(Size)这种变为组合的

document.getElementById('+Size+')

JScript code

        $("#fblog-add1").click(function () {            if ($(".selectl-inner-sizel dl").size() &lt; 5) {                I = I + 1;                Size = "Size" + I + "_Id";                alert(Size);                $('.selectl-inner-sizel').append(                '&lt;dl class="frame-sel-filed pdt10"&gt;' +                '&lt;dd class="frame-sel-dd-01"&gt;文胸尺码&lt;/dd&gt;' +                '&lt;dd class="select-box"&gt;&lt;span&gt;请选择...&lt;/span&gt;' +                '&lt;ul class="select-ul"&gt;' +                '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;32A&lt;/li&gt;' + '&lt;li onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;32B&lt;/li&gt;' + '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;32C&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;32D&lt;/li&gt;' + '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;32DD&lt;/li&gt;' + '&lt;li onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;34A&lt;/li&gt;' + '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;34B&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;34C&lt;/li&gt;' + '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;34D&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;34DD&lt;/li&gt;' + '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;36A&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;36B&lt;/li&gt;' + '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;36C&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;36D&lt;/li&gt;' + '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;36DD&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;38B&lt;/li&gt;' + '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;38C&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;38D&lt;/li&gt;' + '&lt;li class="bg-fff" onclick="javascript:document.getElementById('+Size+').value = this.innerHTML;"&gt;38DD&lt;/li&gt;' +                '&lt;/ul&gt;' + '&lt;/dd&gt;' + '&lt;/dl&gt;');            };        });
[解决办法]
document.getElementById(Size).value  
你每一个节点点击事件用的都是同一个变量，你还指望这个变量根据你的点击不同li智能的改变自身么？
当然获取到的都只能是同一个了......
既然你说不是技术人员。我就不多解释了
修改如下：
JScript code'&lt;li [color=#FF0000]size="'+Size+'"[/color] onclick="javascript:document.getElementById([color=#FF0000]this.Size[/color]).value = this.innerHTML;"&gt;32D&lt;/li&gt;'
[解决办法]
晕  又忘了插入代码不能加色彩了！
'&lt;li size="'+Size+'" onclick="javascript:document.getElementById(this.Size).value = this.innerHTML;"&gt;32D&lt;/li&gt;' 
 

[解决办法]
你在$("#fblog-add1").click中是不是应该添加 else对I进行递减操作呢 要不你增加到5就不会发生变化了啊
[解决办法]
           $('.selectl-inner-"'+Size+'"l').append(
               '&lt;dl class="frame-sel-filed pdt10"&gt;' +
               '&lt;dd class="frame-sel-dd-01"&gt;文胸尺码&lt;/dd&gt;' +
               '&lt;dd class="select-box"&gt;&lt;span&gt;请选择...&lt;/span&gt;' +
               '&lt;ul class="select-ul"&gt;' +
               '&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32A&lt;/li&gt;' +'&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32B&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32C&lt;/li&gt;' +
               '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32D&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32DD&lt;/li&gt;' +'&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34A&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34B&lt;/li&gt;' +
               '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34C&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34D&lt;/li&gt;' +
               '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34DD&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36A&lt;/li&gt;' +
               '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36B&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36C&lt;/li&gt;' +
               '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36D&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36DD&lt;/li&gt;' +
               '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;38B&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;38C&lt;/li&gt;' +
               '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;38D&lt;/li&gt;'+'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;38DD&lt;/li&gt;' +
               '&lt;/ul&gt;' + '&lt;/dd&gt;'+'&lt;/dl&gt;');};


中间那段改成这样试试
[解决办法]
JScript code           $('.selectl-inner-"'+Size+'"l').append(                '&lt;dl class="frame-sel-filed pdt10"&gt;' +                '&lt;dd class="frame-sel-dd-01"&gt;文胸尺码&lt;/dd&gt;' +                '&lt;dd class="select-box"&gt;&lt;span&gt;请选择...&lt;/span&gt;' +                '&lt;ul class="select-ul"&gt;' +                '&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32A&lt;/li&gt;' +'&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32B&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32C&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32D&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;32DD&lt;/li&gt;' +'&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34A&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34B&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34C&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34D&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;34DD&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36A&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36B&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36C&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36D&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;36DD&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;38B&lt;/li&gt;' +'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;38C&lt;/li&gt;' +                '&lt;li onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;38D&lt;/li&gt;'+'&lt;li class="bg-fff" onclick="javascript:document.getElementById("'+Size+'").value = this.innerHTML;"&gt;38DD&lt;/li&gt;' +                '&lt;/ul&gt;' + '&lt;/dd&gt;'+'&lt;/dl&gt;');}; 
 
[解决办法]
上面大意写错大小写
'&lt;li size="'+Size+'" onclick="javascript:document.getElementById(this.size).value = this.innerHTML;"&gt;32D&lt;/li&gt;'
这样才对,应该可以满足你所说的
[解决办法]
搞错，变为下面的，id是字符串，原来的代码导致
document.getElementById(\''+Size+'\')
[解决办法]
增加自定义属性存储当时的Size值，和我那个差不多

#9有点小bug就是非ie浏览器自定义属性size需要使用getAttribute来获取
[解决办法]
探讨
引用:

上面大意写错大小写
'&lt;li size="'+Size+'" onclick="javascript:document.getElementById(this.size).value = this.innerHTML;"&gt;32D&lt;/li&gt;'
这样才对,应该可以满足你所说的


这个方法对了，为什么要在LI里面多一个size="'+Size+'"来获取实际的S……

来帮忙看上这个有关问题本人不是专业

热点推荐