2013-05-21 51 views
0

我已經在這裏添加2個功能moveoutid()創建img標籤點擊按鈕,它添加圖像src到img標籤顯示圖像的網頁。和moveinid()用於從img標籤中移除選定的圖像。我想刪除img標籤點擊按鈕從javascript

function moveoutid() { 
    var sda = document.getElementById('availableFruits'); 
    var len = sda.length; 
    var sda1 = document.getElementById('orderFruits'); 

    for (var j = 0; j < len; j++) { 
     if (sda[j].selected) { 
      alert(baseUrl + "/img/" + sda.options[j].value + ".jpg"); 
      var img1 = document.createElement('img').src = baseUrl + "/img /" + sda.options[j].value + ".jpg"; 

      var di = document.getElementById('d'); 
      di.appendChild(img1); 

      var tmp = sda.options[j].text; 
      var tmp1 = sda.options[j].value; 
      sda.remove(j); 
      j--; 
      var y = document.createElement('option'); 
      y.text = tmp1; 
      try { 
       sda1.add(y, null); 
      } catch (ex) { 
       sda1.add(y); 
      } 
     } 
    } 
} 


function moveinid() { 
    var sda = document.getElementById('availableFruits'); 
    var sda1 = document.getElementById('orderFruits'); 
    var len = sda1.length; 
    for (var j = 0; j < len; j++) { 
     if (sda1[j].selected) { 

      di = document.getElementById('d'); 
      img1.src = baseUrl + "/img/" + sda1.options[j].value + ".jpg"; 
      //img.className=""; 

      di.removeChild(img1); 

      var tmp = sda1.options[j].text; 
      var tmp1 = sda1.options[j].value; 
      sda1.remove(j); 
      j--; 
      var y = document.createElement('option'); 
      y.text = tmp; 

      try { 
       sda.add(y, null); 
      } catch (ex) { 
       sda.add(y); 
      } 
     } 
    } 
} 

我想從div刪除選定的img標籤(這曾經的圖像由用戶在下拉列表中的形象應該刪除選定的手段。)

+0

這與php – 2013-05-21 04:09:49

+0

有什麼關係我在moveinid()函數中看不到img1。但它被引用。你從哪裏得到它? – Sanjeev

+0

你爲什麼要通過一個Id循環; Id的頁面應該是唯一的 –

回答

1

而不是刪除它聽起來就像你的標籤只需要顯示並隱藏該圖像。

document.getElementById('Image').style.visibility='visible'; 

如果我理解正確。或者你甚至可以銷燬從DOM中刪除它的元素。

+0

,但是有多個圖片標籤是在「動態」div中創建的,所以如何獲取id,因爲我們只是從javascript動態添加圖片 – Kalashri

+0

當您添加div時動態地向其添加類或一個標識符,以便您稍後可以選擇並刪除它。 img1.setAttribute('id','uniqueId'); – vikingben