Question

怎么用一个input 向多个a标签的href赋值 ？

<input type="text" id="link"></input>-----------在这里输入链接地址
<button type="button">点击添加A标签</button>-----------点击这个 添加A标签

<a href="" id="id1"></a>
<a href="" id="id2"></a>
<a href="" id="id3"></a>
<a href="" id="id4"></a>

想实现的功能就是　
1．用一个input 向多个a标签的href赋值　　
2．点击任意A标签　输入框会获取已经赋的值　反过来　输入框也能给选中的A标签修复值

求大神解救一下 谢谢 。。。。。。。。。。。。
补充一个 就是 点击被赋值过的href 能在对应的 input中显示 当前值 【当前为空，input就显示空，当前为www input就显示 www 】

反过来 修改input 只改变当前href的值

谢谢了

Answer 1

<script>
var _a = null;
$(function(){
    $("button").click(function(){
        if(_a != null){
            $(_a).attr("href", $("#link").val());
        }
    });
    $("#id1, #id2, #id3, #id4").each(function(){
        $(this).click(function(){
            $("span").text("edit " + $(this).attr("id"));
            _a = $(this);
            $("#link").removeAttr("disabled");
            $("#link").val($(this).attr("href"));
            return false;
        });
    });
});
</script>

<span>choose a &lt;A&gt;:</span>: <input type="text" id="link" disabled="disabled"></input>
<button type="button">点击添加A标签</button>

<a href="" id="id1">a</a>
<a href="" id="id2">b</a>
<a href="" id="id3">c</a>
<a href="" id="id4">d</a>

追问

谢谢用心回答，比如：【点击 id1 input 显示 这个id1的href值】 【点击id2 input 显示 id2 的href值 】 可以不用button 只要 点击后面几个任意一个 能得到当前href的值 并在input 显示
如果点击input 并输入 则改变当前点击的href值 其他不受影响
你看如何改能实现？【可以忽略button 就按直接4个A标签来】

Answer 2

1. 在button添加onclick点击事件，获取所有 a 标签 循环给href赋值

2. 在每个a标签上添加点击事件，给input赋值
   

追问

谢谢