如何根据input内容改变链接a的地址？

如何根据input内容改变链接a的地址？
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function goto_page(){
var folder= $("input[name='folder']").var();
var page= $("input[name='page']").var();
var localhost= "http://localhost/";
var link= localhost+folder+"/"+page;
// 下面如何写才能让点击 a 链接到 http://localhost/tem/index.htm ，并且在新窗口打开？

}
</script>
<div>请填入文件夹名称</div>
<input type="text" name="folder" /><!-- 填入tem -->
<div>请填入网页名</div>
<input type="text" name="page" /><!-- 填入index.htm -->
<div>
<a target="blank" href="#" onclick="goto_page()">根据填入改变a链接地址，在新窗口打开</a>
</div>

解决方案 »

  1.   

    为input添加一个失去焦点的事件，事件将input的value赋予变量localhost
      

  2.   

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">  </script>
    <script type="text/javascript">
    function goto_page(sender){
    var folder = $("input[name='folder']").val();
    var page = $("input[name='page']").val();
    var localhost = "http://localhost/";
    var link = localhost + folder + "/" + page;
    sender.href = link;
    }
    </script>
    <div>请填入文件夹名称 </div>
    <input type="text" name="folder" /> <!-- 填入tem -->
    <div>请填入网页名 </div>
    <input type="text" name="page" /> <!-- 填入index.htm -->
    <div>
    <a target="_blank" href="#" onclick="goto_page(this)">根据填入改变a链接地址，在新窗口打开 </a>
    </div> <a target="blank"
    ->>
    <a target="_blank"
    $("input[name='folder']").var();
    ->>
    $("input[name='folder']").val();
    goto_page()
    ->>
    goto_page(this)function goto_page(){ 
    ->>
    function goto_page(sender){ insert
    sender.href = link;
      

  3.   

    感动，好久没见到zswang哥了，上次帮我解决掉那个tab功能的问题就很敬佩你啦，现在看到你的头像，总觉得越看越顺眼！谢谢了。
    我在html|css区也发个关于target="blank"的问题，就不知道这样写有什么问题，功能是一样的，少写一个_不是更简洁了吗？
      

  4.   


    区别大了
    _blank指标准的空白页
    “blank”什么都不是，就一个自定义的标识符和“a”、“b”、“c”没有两样。
    自己测试吧：
    <head><title>“blank”和“_blank”的区别</title></head>
    <body>
    <a target="blank" href="http://renrousousuo.com/Chat.aspx">target:blank</a><br/>
    <iframe name="blank"></iframe><br/>
    <hr/>
    <a target="b" href="http://renrousousuo.com/Chat.aspx">target:b</a><br/>
    <iframe name="b"></iframe><br/>
    <hr/>
    <a target="_blank" href="http://renrousousuo.com/Chat.aspx">target:_blank</a><br/>
    <iframe name="_blank"></iframe><br/>
    </body>要简洁干嘛不用
    target="b"