Question

我通过jQuery追加附加输入字段，并在提交表单时尝试获取它的值。请参阅JSFiddle中的工作版本。当我点击提交按钮时，我正在定义未定义。感谢您的帮助。谢谢！

$('[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 +'"

Jquery附加的输入值未定义

2 个答案: