I want to remove img tag on click of button from javascript -
i have added here 2 functions moveoutid()
creating img tag on click of button , addes image src img tag show image on webpage. , moveinid()
removing selected image img tag.
function moveoutid() { var sda = document.getelementbyid('availablefruits'); var len = sda.length; var sda1 = document.getelementbyid('orderfruits'); (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; (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); } } } }
i want remove selected img
tag div
(means ever image selected user in dropdown list image should remove.)
instead of removing tag sounds need show , hide image.
document.getelementbyid('image').style.visibility='visible';
if understood correctly. or destroy element removing dom.
Comments
Post a Comment