javascript - 用于按名称元素更改输入值的 Javascript 简单脚本

Answer 1

对于初学者，您不能拥有多个具有相同idvalue的元素，因此您id="changer"必须进行更改。我会提议class="changer"。

编辑：我实际上给了他们唯一的 ID，因此您可以在固定代码中查找它们以获取检索其属性的复杂方法。如果您希望他们共享 css 或 javascript 定位的通用规则，我仍然建议使用class="changer".

我想你想要的是这样的：

1. 用户单击链接。
2. 不同元素的背景变化
3. 它更改为什么取决于name单击链接的属性中的内容。

如果那是准确的，那么，我什至不知道如何在没有 jquery 的情况下干净地做到这一点。试试这个html：

<a href="#" id="changer1" name="images/examples/1.jpg" onclick="change_bg(document.getElementById('changer1'))"><u>Example 1 Red</u></a><br />
<a href="#" id="changer2" name="images/examples/2.jpg" onclick="change_bg(document.getElementById('changer2'))"><u>Example 2 Blue</u></a><br />

这对于 javascript

function change_bg(elem){
    document.getElementById('button_bg').value = elem.name;
}
function change_bg_hover(elem){
    document.getElementById('button_bg').value = elem.name;
}

小提琴：http: //jsfiddle.net/aGCNn/

询问如何使用 jQuery 进行操作，您会喜欢答案的。我保证！

Answer 2

我做了一个可以工作的小提琴http://jsfiddle.net/juzVG/2/ 请检查这是否是你想要的。

我还对代码做了一些修改。

<a href="#" id="changer" name="images/examples/1.jpg" onclick="change_bg();return false;">Example 1 Red</a><br />
<a href="#" id="changer" name="images/examples/2.jpg" onclick="change_bg();return false;">Example 2 Blue</a><br />

<b>Show/Hide HOVERED Background examples list</b><br />
<a href="#" id="changer" name="images/examples/1_hovered.jpg" onclick="change_bg_hover();return false;">Example 1 Blue Hover</a><br />
<a href="#" id="changer" name="images/examples/2_hovered.jpg" onclick="change_bg_hover();return false;">Example 2 Red Hover</a><br />