Question

我想做谷歌浏览器上的收藏夹窗口，所以想法是写一个hiperlink然后链接出现在页面上。我使用jquery但是没有工作

HTML：

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

<div id="cuadro"></div>

$(function(){
  var a = $("#Add");
  a.dialog({
    autoOpen: false,
    height:350,
    width:250,
    modal: true,
    buttons: {
        "Accept": function(){ //Accept
            AddLink();
            $( this ).dialog( "close" );
        },
        "Reset": function(){//Reset
            dir.val(" ")
        },
        "Cancel": function() {//Cancel
            $( this ).dialog("close");
        }
    },
    close: function() {
        $( this ).dialog( "close" );
    }
  });
});

function AddLink(){
  var dir=$("#dir);
  var link=dir.val();
  alert(dir.val());
  $("#cuadro").append('<li><a href="link">link1</a></li>');
}

Answer 1

如果您想将link变量用作href，则需要更改

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

到

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

Answer 2

<强> DEMO FIDDLE

我不确定你的意思是“编写一个hiperlink然后链接出现在页面上”，所以我会尽我所能并猜测这就是你想要的：

用户在输入框中键入一个URL。
你在它下面的某个div中显示它。

HTML

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

<p></p>

CSS

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

的JavaScript

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

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

2 个答案: