Javascript選擇和選擇出現在div中

Question

如果有人可以幫我解決問題，那就太好了！到目前爲止，我有我的腳本，當你點擊三個錨點鏈接中的一個時，與該錨點鏈接對應的圖片出現在DIV中，然後在第二個選擇中出現在該旁邊的div中，並且與第三個，我正在設法解決如何從DIV中刪除圖像，這樣我就可以重新選擇一個選項，並將新的選擇放置在空白的DIV中。我的示例僅顯示3個選擇，但可以選擇這將很快24。

另外我如何從數據庫中檢索不同的信息以顯示在DIVS中，並且能夠根據您選擇的選擇向數據庫提交某些數據。

非常感謝您的時間！任何建議，將不勝感激！

問候， 阿利斯泰爾

<script type="text/javascript" language="javascript"> 
var pos = 0; 
function showPic (whichpic) { 
if (document.getElementById) { 
try { 
if ((document.getElementById('placeholder1').src+ 
document.getElementById('placeholder2').src+ 
document.getElementById('placeholder3').src).search(whichpic.href) > -1) 
throw "blah"; 
document.getElementById('placeholder'+ ++pos).src = whichpic.href; 
//document.getElementById('placeholder2').src = whichpic.href; 
//document.getElementById('placeholder3').src = whichpic.href; 
if (whichpic.title) { 
document.getElementById('desc').childNodes[0].nodeValue = whichpic.title; 
} else { 
document.getElementById('desc').childNodes[0].nodeValue =   whichpic.childNodes[0].nodeValue; 
} 
return false; 
} catch(e) { 
alert("u mad?"); 
return false; 
} 
} else { 
return true; 
} 
} 
</script> 

<div style="border: 1px solid #999; padding: 1em; margin: 0 0 15px 0;"> 
<ul> 
<li><a onclick="return showPic(this)" href="http://jsfiddle.net/img/ico-add-  resource.png" title="img 1">img 1</a></li> 
<li><a onclick="return showPic(this)" href="http://jsfiddle.net/img/info-close.png"  title="img 2">img 2</a></li> 
<li><a onclick="return showPic(this)" href="http://jsfiddle.net/img/keys.png" title="img 3">img 3</a></li> 
</ul> 

<p id="desc">Choose an image to begin</p> 
<img id="placeholder1" src="http://jsfiddle.net/img/shadow.gif" alt="" /> 
<img id="placeholder2" src="http://jsfiddle.net/img/shadow.gif" alt="" /> 
<img id="placeholder3" src="http://jsfiddle.net/img/shadow.gif" alt="" /> 
</div> 

Answer 1

在你的代碼看，我看你聲明一個變量pos並初始化爲0，然後，每個用戶點擊顯示圖片的時候，pos讀取到看看有多少圖片被顯示，然後找到下一張圖片顯示的元素的ID。最後，你增加pos。

如果您希望能夠刪除圖片以便用戶選擇新圖片，那麼您需要使用更復雜的系統。 pos，一個數字，可以用來告訴用戶顯示了多少圖片，但是如果用戶開始刪除圖片，pos不能告訴你哪些圖片是。

我建議您使用數組來告訴哪些元素有圖片顯示在其中。

var display = [ false, false, false ]; 

當用戶將顯示在placeholderX圖片中，執行

display[X] = true. 

當用戶從placeholderX的圖片，執行

display[X] = false. 

當用戶想要顯示的新圖像，做點像

var i; 
for(i=0; i<=3; i++) { 
    if (display[i]==false) { 
     showPictureAtElement('placeholder' + i.toString()); 
     display[i]=true; 
     break; 
    { 
} 

這有幫助嗎？