Почему jquery добавляет синтаксис ссылки изменений? - PullRequest
Новая
       11

Почему jquery добавляет синтаксис ссылки изменений?

0 голосов
/ 08 мая 2020

Я пытаюсь динамически добавить ссылку с помощью кнопки в форме с 'append', но синтаксис ссылки оказывается другим Oo 

<tr><td class='proposition_container'><span><a href=/link/16/>example</a></span></td></tr>

дает: 

<tr><td class='proposition_container'><span><a href=/link/16/></a>example</span></td></tr>

Я пытаюсь динамически добавить ссылку с помощью кнопки в форме с 'добавить', но синтаксис ссылки оказывается другим Oo

example

дает

example

Я урезал свой чехол до минимума. См. JSFiddle.

HTML: 

<form action="" method="POST" class="add_link">
<table>
  <tr>
    <th>youpo</th>
  </tr>
      <tr>
          <td class='proposition_container'><span><a href=/liens/16/>Lorem Ipsum</a></td>
      </tr>
  <tr>
    <th> ... </th>
  </tr>
  <tr>
      <th><a href=""><input class="btn" value=" + "></a></th>
  </tr>

</table>
<input type="text" class="form-control-plaintext" placeholder="Link to add" name="lie" oninput="myFunction(this.value)">
<input type="submit" value="Ajouter">
</form>

JS: 

$('.add_link').on('submit', function(event){
        event.preventDefault();
        var $form = $(this);
        var $table = $form.find("table");
        var $bouton = $('input[type="submit"]', $form);

        var $lien = "<tr><td class='proposition_container'><span><a href=/link/16/>blup</a></span></td></tr>";
        $table.append($lien);
        });
...