jquery - Jquery附加输入值未定义

Question

我正在通过 jQuery append 附加输入字段，并在提交表单时尝试获取它的值。请在 JSFiddle 中查看工作版本。当我单击提交按钮时，我变得不确定。感谢你的帮助。谢谢！

http://jsfiddle.net/XRUX8/

$('[name=addAgent]').bind('click', function() {

    var agentName = $("#Test1").val(); 
    var testAgentIDVal = "A12345";



            if($('#container').find('[name=removeAgent]').length < 2) {

                var len = $('#container').find('[name=removeAgent]').length;
                //alert(len);
                var index = len+1;

                $('#container').append('<label>'+agentName+'</label><input type="hidden" id ="AgentID"'+ index +'  name ="AgentID"'+ index +'  type="text" value="'+testAgentIDVal+'" ><button type ="button" name="removeAgent" id="removeAgent"  >Remove Agent</button>');


            }
        })

$('[name=tab1Submit]').click(function(){

alert($("#AgentID1").val() +", "+ $("#AgentID2").val());

})

Answer 1

代替：

id ="AgentID"'+ index +'  name ="AgentID"'+ index +'

它应该是

id ="AgentID'+ index +'"  name ="AgentID'+ index +'"

Answer 2

当您查看生成的 html 时，您会看到您的错误

<input type="hidden" id="AgentID" 1 name="AgentID" value="A12345">

你必须改变

id ="AgentID"'+ index +' name ="AgentID"'+ index +'

至

id ="AgentID'+ index +'" name ="AgentID'+ index +'"