Вставьте ссылку на страницу php, используя jquery

Question

Я планирую вставить ссылку на мою другую php-страницу, используя функцию jquery, но код не работает ... Были также опробованы альтернативные методы, такие как attr (), но результат был все тот же. .. Может кто-нибудь дать мне советы по этому вопросу? Ниже приведены мои коды:

$(document).ready(
  function(){

    $('#date').change(
       function(){

          $.ajax (
            {
              url: 'process.php',
              type: 'post',
              data: {
                item_no:2,
                movie_id: $('#movie').val(),
                movie_date: $('#date').val()
              },
              dataType: 'json',
              success: function(response){ 

                $('#showtime').empty(); 
                for(var i = 0; i<response.length; i++){
                    var showtime = response[i]['showtime'];

                    $('#showtime').append("<a href='movie_seat.php?id="+showtime+"' id='seatlink'>");  
                    $('#showtime').append("<font style='margin-right:50px;'>");
                    $('#showtime').append(showtime);
                    $('#showtime').append("</font></a>");
                } // for loop
              } // function taking response
            } // block in ajax
          ); //ajax
        } // function inside change
      ); // select->date change
    } // function inside ready
  ); // document.ready

* Обратите внимание, что #showtime является идентификатором атрибута

Мои ожидания: отображаемое значение должно работать как ссылка, которая будет направлять пользователяна другую страницу PHP. Но, видимо, это не так ...

Answer 1

Вам нужно добавить все вместе, потому что если вы добавляете что-то вроде этого:

$('#showtime').append("<a href='movie_seat.php?id="+showtime+"' id='seatlink'>");
$('#showtime').append("<font style='margin-right:50px;'>");
$('#showtime').append(showtime);
$('#showtime').append("</font></a>");

Таким образом, теги будут закрыты, и ваш HTML будет выглядеть так:

<a href="movie_seat.php?id={idshowtime}" id="seatlink"></a>
<font style="margin-right:50px;"></font>
showtime

То, что вам нужно сделать, это добавить все вместе, я имею в виду теги внутри тегов, попробуйте это:

var link = "<a href='movie_seat.php?id="+showtime+"' id='seatlink'>"
        + "<font style='margin-right:50px;'>"
        + showtime
        + "</font></a>";

$('#showtime').append(link);