0

我在这里添加了 2 个moveoutid()用于在单击按钮时创建 img 标签的功能，并将图像 src 添加到 img 标签以在网页上显示图像。并 moveinid() 从 img 标签中删除选定的图像。

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);
            }
        }
    }
}

我想从中删除选定img的标签div（意味着用户在下拉列表中选择的图像应该被删除。）

4

1 回答 1

1

而不是删除标签听起来你只需要显示和隐藏该图像。

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

如果我理解正确。或者你甚至可以销毁从 DOM 中删除它的元素。

于 2013-05-21T04:16:12.543 回答