Как добавить текстовое поле в строку seprate для каждой кнопки?

Question

Я новичок в php и работаю над добавлением строки номера, имеющей два текстовых поля, при каждом нажатии кнопки под названием «Добавить место». Пожалуйста, предложите мне, как действовать. и для каждой добавленной строки номера должна быть одна кнопка отправки.

Ex -:

Room 1 textbox1 textbox2 
Room 2 textbox1 textbox2 

Button(Add room) 

Button(Submit) 

Answer 1

Вы должны создать HTML форму, чтобы получить информацию.
http://www.w3schools.com/html/html_forms.asp

Вы должны добавить имя файла в действие формы для ссылки на файл .php.

<form action = "rooms.php"> 

Вы должны определить, чтобы сформировать метод (POST или GET)
http://www.w3schools.com/tags/ref_httpmethods.asp

Наконец, вы создаете файл .php и $ _GET или $ _POST имена формы ввода, и вы можете понять, какие номера в какой переменной.

Answer 2

Возможно, вы должны использовать jQuery для этого. Что-то вроде:

<script> 
$(function(){ 
    $("button#addRoom").click(function(){ 
    $("div#rooms").append("<div class='room'>Demo</div><textarea class='roomText'></textarea>"); 
    }) 
}) 
</script> 

И тогда ваш HTML, как это:

<div id="rooms"> 
    <div class='room'></div> 
    <textarea class='roomText'></textarea> 
</div> 
<button id="addRoom">Add a new room</button> 
<button type="submit">Submit</button> 

Я не проверял это, так что вы, вероятно, следует внести некоторые изменения, чтобы сделать его работу. не забудьте импортировать jQuery на этот.

Answer 3

вот код, который я использую большую часть времени за то же самое:

<script> 
$(document).ready(function(){ 
$('.multi-field-wrapper').each(function() { 
    var $wrapper = $('.multi-fields', this); 
    $(".add-field", $(this)).click(function(e) { 
     $('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus(); 
    }); 
    $('.multi-field .remove-field', $wrapper).click(function() { 
     if ($('.multi-field', $wrapper).length > 1) 
      $(this).parent('.multi-field').remove(); 
    }); 
}); 
}); 
</script> 

HTML

<div class="multi-field-wrapper"> 
     <div class="multi-fields"> 

      <div class="multi-field"> 
       <input name="file[]" id="text" class="emcee_field1" style="float:none; margin-left:15px;" value="<?php echo $video[$rj]; ?>" type="text" required/> 
       <input type="text" name="video_de[]" class="emcee_field1" value="<?php echo $video_description[$rj]; ?>" style="float:none; min-width:200px; min-height:20px;" required> 
       <img src="../images/cross_icon.png" class="remove-field"/> 
      </div> 

     </div> 
     <button type="button" class="add-field">Add Video</button> 
     </div> 

я надеюсь, что это поможет вам. спасибо & держите кодирование :)