Javascript簡單的腳本，用於更改輸入值<a>名稱元素

我需要此腳本才能真正地工作。一直在努力修復它。基本上，無論何時從列表中單擊一個示例，它都需要更新普通背景或Hovered背景（如用戶選擇）。，但它需要ID，所以我可以添加鏈接作爲新的例子，所以每當我添加一個新的值的名稱，它需要一個新的例子。Javascript簡單的腳本，用於更改輸入值<a>名稱元素

它喜歡具有相同的腳本，但兩次。一個用於正常的bg，一個用於徘徊。

這也是一個列表顯示/隱藏腳本，我還沒有想出如何使工作，我不是一個JavaScript腳本，但我設法在幾個小時內得到。

我真的需要一些幫助，我會很感激，如果你幫我。謝謝。 /Edward

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>

需要更新輸入：

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

來源

2013-02-26 Eddie Calvin

你想做什麼？你能否澄清 – 2013-02-26 21:03:14

另外[小提琴]（http://jsfiddle.net/）會有所幫助。 – 2013-02-26 21:11:58

感謝您的快速回復。是的，我想要做的是有一個圖像鏈接列表作爲示例，並且每當用戶想要自動填充該示例（一旦點擊）它會自動在輸入中鍵入它。有兩個菜單背景圖像，一個用於常規鏈接，另一個用於懸停。用戶必須在示例之間進行選擇（或者填寫自己的鏈接）。因此，可以說我想製作我的例子列表，例如添加普通背景或懸停背景，只是在name =「」中添加一個帶有圖像url的源文件鏈接。 – 2013-02-26 21:13:02

首先，你 can't have multiple elements with the same id value，所以你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 />

這對於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做到這一點，你會喜歡的答案。我承諾！

來源

2013-02-26 21:30:43

我要測試一下。你可以檢查隱藏/顯示div嗎？ – 2013-02-26 21:38:40

什麼divs？我重讀了你的問題，評論和檢查了小提琴，但我沒有看到任何地方提到的任何div。 – 2013-02-26 21:57:28

顯示/隱藏列表只要我在谷歌上閱讀，就需要隱藏divs。然後，能夠顯示或隱藏整個列表中的例子，只要點擊顯示或隱藏 – 2013-02-26 22:22:21

我做了一個小提琴工作 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 />

來源

2013-02-26 21:23:07 psu

嗯，這是一個進步。謝謝先生，但問題是，我需要價值改變，當你點擊鏈接。 – 2013-02-26 21:27:16

Javascript簡單的腳本，用於更改輸入值<a>名稱元素

回答

相關問題