добавить тип ввода при нажатии кнопки - PullRequest
Новая
       18

добавить тип ввода при нажатии кнопки

0 голосов
/ 04 декабря 2011

Я пытаюсь добавить тип после нажатия кнопки.

Вот мой скрипт jquery: 

$(function(){
  $("#add").click(function(){
  $("#inputboxes").append("<tr class='light'><td colspan='3' class='header'>Subject Name</td><td colspan='3'><input type='text' name='subject_name' /></td></tr>");
  })
});

Тогда моя разметка HTML: 

<form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<table cellpadding="0" cellspacing="0" style="text-align:center;">
<thead>
    <tr>
        <th colspan="7">Add subject on the list of available subjects</th>
    </tr>
</thead>
    <tbody id="inputboxes">
        <tr class="dark">
            <td colspan="7">
                <input type="button" id="add" value="Click to add a subject" />
            </td>
        </tr>
    </tbody>
<tbody>
    <tr class="dark">
        <td colspan="7"><input type="submit" name="submit" value="Submit" /></td>
    </tr>
</tbody>
</table>
</form>

#on page top
if(isset($_GET['submit']) print_r($_GET); // the only entry of array is the [submit'] => "Submit"

Я могу успешно сгенерировать окно, но кажется, что всякий раз, когда я нажимаю «Отправить», поле не передается.Также, как я могу сгенерировать приращение в name = "" сгенерированного поля.

Для записи я нашел обходной путь для этого, переместив тег формы за пределы таблицы.Спасибо всем.

1 Ответ

3 голосов
/ 04 декабря 2011

Чтобы кнопка отправки работала, вам нужно поместить свои данные в форму. Вы можете добавить приращение имени, если хотите, но это не обязательно. Если вы отправите входные данные с одинаковыми именами, они будут представлены в виде массива.

Добавление приращения: 

$(function(){
    var i = 1;
    $("#add").click(function(){
        $("#inputboxes").append("<tr class='light'><td colspan='3' class='header'>Subject Name</td><td colspan='3'><input type='text' name='subject_name" + (i++) + "' /></td></tr>");
    })
});

Форма добавления: 

<form action="url" method="POST">
    <table>
        <tbody id="inputboxes">
            <tr class="dark">
                <td colspan="7"><input type="button" id="add" value="Click to add a subject" /></td>
            </tr>
        </tbody>
        <tbody>
            <tr class="dark">
                <td colspan="7"><input type="submit" name="submit" value="Submit" /></td>
            </tr>
        </tbody>
    </table>
</form>
...