2013-10-08 3 views
0

Я добавляю поле ввода jQuery append и пытаюсь получить его значение при отправке формы. См. Рабочую версию в JSFiddle. Когда я нажимаю кнопку отправки, я становлюсь неопределенным. Ценю вашу помощь. Благодаря!JQuery добавленное значение ввода undefined

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()); 

}) 

ответ

1

Когда вы смотрите на HTML генерируемой вы увидите, ваша ошибка

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

Вы должны изменить

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

Для

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

Получил это! Спасибо!. BTW, я использую IE, не могли бы вы помочь мне увидеть код HTML для моих экранов? Если я щелкнул правой кнопкой мыши и посмотрел на источник, я не смог увидеть HTML-код, добавленный jQuery append. Здесь обновляется скрипка. http://jsfiddle.net/XRUX8/2/ – user2088016

+0

В IE у вас есть что-то, называемое инструментами разработчика, к которому вы можете получить доступ, нажав F12. Это позволит вам увидеть новое окно и новый набор параметров. Если вы вносите изменения в DOM, убедитесь, что вы обновили инструмент, чтобы он мог подбирать сделанные вами изменения, иначе новые изменения не будут видны, это делается синими стрелками вверх и вниз. – Marko

2

вместо:

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

должно быть

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

STILL я вижу ту же ошибку. Не могли бы вы обновить скрипку? Благодаря! – user2088016

+0

Лев Спасибо !. Это сработало. – user2088016

Смежные вопросы