Как получить значения текстового поля из динамически добавленной строки jquery?

Question

Как получить значения текстового поля из динамически добавленной строки jquery?

0

У меня возникла проблема с получением входных значений из динамически добавленной строки таблицы jquery... это мой код.. ожидая хорошего решения.. спасибо заранее :)

    <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 //This line clones the row inside the '.row' class and transforms it to plain html.
 var clonedRow = $('.row').clone().html();

 //This line wraps the clonedRow and wraps it <tr> tags since cloning ignores those tags
 var appendRow = '<tr class = "row">' + clonedRow + '</tr>';  

 $('#btnAddMore').click(function(){
  //this line get the last row and appends the appendRow when it finds the correct row.
        $('.employmentHistoryForm tr:last').after(appendRow);
    });

 //when you click on the button called "delete", the function inside will be triggered.
 $('.deleteThisRow').live('click',function(){
     var rowLength = $('.row').length;
         //this line makes sure that we don't ever run out of rows.
      if(rowLength > 1){
   deleteRow(this);
  }else{
   $('.employmentHistoryForm tr:last').after(appendRow);
   deleteRow(this);
  }
 });

 function deleteRow(currentNode){
  $(currentNode).parent().parent().remove();
 }
 });
 </script> 
</head>

//finaly Мне нужно передать значения из текста feild...

<body>
<form name="add_row" method="post" action="process.php">
<div class="employmentHistory">
<table class="employmentHistoryForm">
 <tr class = "row">
  <td> <label for="company">Name</label></br>
  <input type="text" name="name"  />



  <g:textField name="company" class="company">

  </g:textField></td>
     <td><label for="position"> Position </label></br>
     <input type="text" name="name"  />
  <g:textField name="position" ></g:textField></td>
  <td></br><input type="button" class="deleteThisRow"  value="Delete"/></td>
 </tr>
</table>
</div>
<input type="button" id="btnAddMore"  value="add more"/>
</body>

YathuGulan 24 окт. 2013, в 09:05

Источник

Теги:

php

jquery

dynamic

2 ответа

Ещё вопросы

user1715999 · Answer 1 · 2013-10-24T06-04-00.000Z

Если вы не хотите изменять имя текстового поля, тогда вы можете использовать имя в виде массива, например.. name = "name []" после отправки формы, которую вы можете извлечь из него путем взрыва/взрыва.

user2050308 · Answer 2 · 2013-10-24T05-17-00.000Z

измените имена текстовых полей на name1,name2,name3....namen

на стороне php получите длину массива вроде.

$numoftxtfield = count($_POST);

это дает длину текстового поля, а затем для цикла loop или foreach получают все значения текстовых полей.