Javascript 如何从输入中获取值并添加到href jquery

我想在google chrome上做一些类似收藏夹窗口的事情，所以我的想法是写一个hiperlink，然后链接出现在页面上。我使用jquery，但不起作用

html:

如果要将linkvariable用作href，则需要进行更改

$("#cuadro").append('<li><a href="link">link1</a></li>');

到

我不确定你所说的编写hiperlink，然后链接出现在页面上的确切含义，因此我将尽我所能，猜测这就是你想要的：

用户在输入框中键入URL。 您可以在它下面的某个div中显示它。 HTML

JavaScript

$( "#dir" )
  .keyup(function() {
    var value = $( this ).val();
    $( "p" ).text( value );
  })
  .keyup();

---

你能提供一个JSIDLE吗？$direction应该是$dir吗？是的，它是用来调用inputRight的值的，但是你的输入id是dir而不是direction。我改变了它，但什么都没有。谢谢你，这就是我想要的

$("#cuadro").append('<li><a href="link">link1</a></li>');

$("#cuadro").append('<li><a href="' + link + '">link1</a></li>');

<form>
    <fieldset>
        <label for="dir">URL</label>
        <input id="dir" type="url" class="text ui-widget-content ui-corner-all"/>
    </fieldset>
</form>

<p></p>

p {
    color: green;
    margin: 8px;
}

$( "#dir" )
  .keyup(function() {
    var value = $( this ).val();
    $( "p" ).text( value );
  })
  .keyup();