Тип полей ввода в «форме» не работает с Jquery

0

У меня проблема с моим проектом. У меня есть расписание с строкой, в которой можно добавить динамически динамически с помощью JQuery.

Коды:

<?php

session_start();

?>

<html lang="es">
    <head>
    <meta charset="iso-8859-1">
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="rows_management.js"></script>


    </head>
    <body>
    <div id="elements">
    <form id="data" action="timetable_processing.php" method="post">
    <table border="1" id="table">
    <thead>
    <tr>
    <td>Hour</td>
    <td>Monday</td>
    <td>Tuesday</td>
    <td>Wednesday</td>
    <td>Thursday</td>
    <td>Friday</td>
    </tr>
    </thead>

    <tbody>
    <tr class="first-row">
    <td><input type="time" name="hour[0]" placeholder="hour"></td>
    <td><input type="text" name="subject_mon[0]" placeholder="Subject"><br><input type="text" name="id_user_mon[0]"placeholder="Id_teacher"></td>
    <td><input type="text" name="subject_tue[0]" placeholder="Subject"><br><input type="text" name="id_user_tue[0]"placeholder="Id_teacher"></td>
   <td><input type="text" name="subject_wed[0]" placeholder="Subject"><br><input type="text" name="id_user_wed[0]"placeholder="Id_teacher"></td>
<td><input type="text" name="subject_thu[0]" placeholder="Subject"><br><input type="text" name="id_user_thu[0]"placeholder="Id_teacher"></td>
<td><input type="text" name="subject_fri[0]" placeholder="Subject"><br><input type="text" name="id_user_fri[0]"placeholder="Id_teacher"></td>
    <td class="remove">Remove</td>
    </tr>
    <input type="hidden" name="year" id="year" value="<?php echo $year ?>">
    <input type="hidden" name="class" id="class" value="<?php echo $class ?>">

    </tbody>
    </table>

    <input type="button" id="add" value="Add row" />
    <input type="submit" id="submit"  value="Submit">

    </form>
    </div>
    <?php
        $connection = mysql_connect("localhost", "alonsosjumper", "alonsosjumper") or die('It´s not possible to connect: ' . mysql_error());
echo '<br>OK, all correct<br>';

mysql_select_db("project", $connection) or die('It´s not possible to open the database');

    $query= "select id_user, name, surnames from users where user_type='teacher' order by id_user";
    $result= mysql_query($query);

    echo ' <p>Teachers:</p>
    <table border="1" width="auto">
    <tr><td>Id_user</td><td>Name</td><td>Surnames</td></tr>';

    while($row = mysql_fetch_array($result))
{

    echo "<tr><td>".$fila['id_user']."</td><td>".$fila['name']."</td><td>".$fila['surnames']."</td></tr>";
}

    ?>
    </body>
</html>

а также:

$(document).ready(function(){
    var countInputs = ($(".first-row").length);

    $("#add").on('click', function(){
        $('#table > tbody:last').after("<tr><td><input type='time' name='hour['+countInputs+']' placeholder='Hour'></td><td><input type='text' name='subject_mon['+countInputs+']' placeholder='Subject'><br><input type='text' name='id_user_mon['+countInputs+']' placeholder='Teacher'></td><td><input type='text' name='subject_tue['+countInputs+']' placeholder='Subject'><br><input type='text' name='id_user_tue['+countInputs+']' placeholder='Teacher'></td><td><input type='text' name='subject_wed['+countInputs+']' placeholder='Subject'><br><input type='text' name='id_user_wed['+countInputs+']' placeholder='Teacher'></td><td><input type='text' name='subject_thu['+countInputs+']' placeholder='Subject'><br><input type='text' name='id_user_thu['+countInputs+']' placeholder='Teacher'></td><td><input type='text' name='subject_fri['+countInputs+']' placeholder='Subject'><br><input type='text' name='id_user_fri['+countInputs+']' placeholder='Teacher'></td><td class='remove'>Remover</td></tr>");
        countInputs++;

    });

    $(document).on("click",".remove",function(){
        if (countInputs>1)
        {
        var parent = $(this).parents().get(0);
        $(parent).remove();
        countInputs--;

        }
        else
            alert("It´s not possible to remove the last row");
    });

});

Я сомневаюсь:

Созданная первая строка отлично работает в час с входом = "дата":

<td><input type="time" name="hour[0]" placeholder="hour"></td>

Однако в коде JQuery:

<td><input type="time" name="hour[0]" placeholder="hour"></td>

он не работает. Он не принимает тип времени. Я пробовал другие типы, такие как пароль или дата, и ни один из них. Я думаю, что Jquery не распознает форму.

Может ли кто-нибудь дать мне решение, пожалуйста?

Спасибо!

  • 0
    Скорее всего, браузер не распознает его. jQuery просто передает его в .innerHTML Примечание. Конкатенация строк не работает, неверные кавычки (что, вероятно, является реальной причиной вашей проблемы)
  • 0
    «Я сомневаюсь в том, что слово, которое вам нужно, это« вопрос », а не« сомнение » Вы, вероятно, много видели «сомнений» на SO, потому что это (по-видимому) диалект на индийском субконтиненте. Но исходя из вашего имени и языка вашей HTML-страницы, я предполагаю, что вы не находитесь на индийском субконтиненте. :-) Я только упоминаю об этом, потому что, хотя это не ваш родной язык, ваш английский отличный.
Показать ещё 2 комментария
Теги:
forms
input

1 ответ

0
Лучший ответ

Консоляция вашей строки немного неактивна, такие как name='hour['+countInputs+']' должны быть name='hour["+countInputs+"]' поскольку вы используете " чтобы процитировать вашу строку.

Поделиться
  • 0
    Извините, ваш ответ не работает. В Internet Explorer первая строка также не работает, однако в Chrome первая строка работает, а другая - нет.
  • 0
    Теперь это работает !, это было countInputs, что было с простым ». Thankss

Ещё вопросы

Сообщество Overcoder
Наверх
Меню