用于通过<；更改输入值的Javascript简单脚本；a>；名称元素

我需要这个脚本非常糟糕地工作。我一整天都在努力修理它。 基本上，无论何时单击列表中的示例，它都需要更新普通背景或悬停背景（由用户选择）。 但是它需要ID，这样我就可以添加链接作为新的示例，所以每当我添加一个新的带有“name”值的示例时，它都需要是一个新的示例

这就像有相同的脚本，但有两次。一个用于正常背景，一个用于悬停

还有一个列表显示/隐藏脚本，我还没有弄清楚如何工作， 我不是一个很好的javascript脚本编写者，但我在几个小时内就做到了

我真的需要你的帮助，如果你能帮助我，我将不胜感激。 非常感谢。 /爱德华

jsfiddle.net/5tq2Y这是小提琴。但由于某些原因，它不会起作用

js：

<script type="text/javascript">
function change_bg(){
    document.getElementById('button_bg').value = 'BY THE DIFFRERENT <A> NAMES';
}
function change_bg_hover(){
    document.getElementById('button_bg_hover').value = 'BY THE DIFFRERENT <A> NAMES';
}
</script>

函数更改_bg（）{
document.getElementById（'button_bg'）。值='BY THE different NAMES'；
}
函数更改\u bg\u hover（）{
document.getElementById（'button_bg_hover'）。值='BY THE different NAMES'；
}

需要更新的输入：

<input type="text" id="button_bg" name="button_bg" value="">
<input type="text" id="button_bg_hover" name="button_bg" value="">

html：

<b>Show/Hide Background examples list</b><br />
<a id="changer" name="images/examples/1.jpg" onclick="change_bg()"><u>Example 1 Red</u></a><br />
<a id="changer" name="images/examples/2.jpg" onclick="change_bg()"><u>Example 2 Blue</u></a><br />

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

<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 />

显示/隐藏背景示例列表

示例1红色

示例2蓝色

显示/隐藏悬停背景示例列表

示例1蓝色悬停

示例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 />

显示/隐藏悬停背景示例列表

对于初学者来说，您的

id=“changer”

必须更改。我建议

class=“changer”

编辑：我实际上给了他们唯一的ID，这样你就可以在固定代码中查找他们的属性的复杂方法。如果您希望他们共享css或javascript目标的通用规则，我仍然建议

class=“changer”

我想你想要的是：

用户点击一个链接

不同元素的背景发生变化

它更改为什么取决于单击链接的

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 />

小提琴：

---

问一下如何使用jQuery，你会喜欢答案的。我保证

你想干什么？谢谢你的快速回复。是的，我正在尝试做的是有一个图像链接列表作为示例，每当用户想要自动填充该示例（单击后），它都会自动在输入中键入它。菜单有两个背景图像，一个用于普通链接，一个用于悬停。用户必须在示例之间进行选择（或填写自己的链接）。因此，假设我想列出我的示例列表，例如添加普通背景或悬停背景，我只需添加一个指向源文件的链接，其中图像url的名称为“”。这是小提琴。但由于某些原因，它无法工作。仅供参考，不要在小提琴中包含脚本标记。它将酌情为您提供这些服务。我也看到过它在一些浏览器上会让小提琴窒息，但那是很久以前的事了。谢谢你，先生，但问题是我需要在你点击链接时更改值。我将对此进行测试。你能检查一下隐藏/显示div吗？什么div？我重新阅读了你的问题、评论并检查了提琴，但我在任何地方都没有看到提到任何div。Show/Hide List需要是隐藏div，就我在谷歌上读到的。然后，能够显示或隐藏整个列表的例子一旦点击显示或隐藏啊，这很容易。更新了fiddle（对css、js和html的更改，请确保全部得到）：