javascript - 名前要素で入力値を変更するためのJavascriptの簡単なスクリプト

Answer 1

Answer 2

手始めに、同じ値を持つ複数の要素を持つことはできないidため、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でそれを行う方法を尋ねてください、あなたは答えが好きになるでしょう。約束します！