Question

我有一系列的下拉菜单，让用户从相同的可用选项列表中选择多个项目。

每个下拉列表包含相同的基本列表，但如果选择了某个项目，该选项将不会出现在其他列表中。页面加载了一个或多个所选项。

可以删除下拉菜单。发生这种情况时，所选选项将添加到其他列表中，以便它可用。

我已经编写了jQuery代码来删除下拉列表，删除＆＃34; selected =＆＃39; selected＆＃39;＆＃34;＆＃34;从该选项中获取值，获取先前选择的值，并将其添加到其他列表中。一切正常，除了IE9-它挂在＆＃34;选择＆＃34; bit并重置所有下拉菜单，将之前删除的项目作为选定选项。

$(".removestccode").click(function () {
    var $ddl = $(this).parents(".stcCodeLi").find("#ddlSTCCode");
    $ddl = $(this).prev();
    var $liPrev = $ddl.find("option:selected").removeAttr("selected");
    alert($liPrev[0].outerHTML);

    var ddls = $('.ddlSTCCode').not($ddl);
    for (var i = 0; i < ddls.length; i++) {
        var d = ddls[i];
        $(d).append($liPrev[0].outerHTML);
        //$(d).find("option").tsort();
    }

    if ($("#ulSTCCodes li").length > 1) {
        $(this).parents(".stcCodeLi").remove();
    }
    return false;
});

这是一个小提琴：https://jsfiddle.net/wicker95/g2mdqg4v/

警报用于演示附加到其他列表的值。

我知道有几个id在标签上被多次使用，因为...原因。

感谢任何帮助。

Answer 1

在你的jsfiddle JS代码的第4行试试这个：

var $liPrev = $ddl.find("option:selected").prop("selected", false);

.prop()是你需要设置的而不是.removeAttr()

您也可以执行.attr('selected', null)删除属性

Answer 2

一位同事建议进行这项修改，该修改有效：

$(d).append($liPrev[0].outerHTML.replace('selected=""', ''));

在上下文中：

$(".removestccode").click(function () {
    var $ddl = $(this).parents(".stcCodeLi").find(".ddlSTCCode");
    $ddl = $(this).prev();
    var $liPrev = $ddl.find("option:selected").removeAttr("selected");

    var ddls = $('.ddlSTCCode').not($ddl);
    for (var i = 0; i < ddls.length; i++) {
        var d = ddls[i];
        $(d).append($liPrev[0].outerHTML.replace('selected=""', ''));
        //$(d).append($liPrev[0].outerHTML);
        //$(d).find("option").tsort();
    }

    if ($("#ulSTCCodes li").length > 1) {
        $(this).parents(".stcCodeLi").remove();
    }
    return false;
});

即使被选中，IE9也会显示所选项目=＆＃34;＆＃34;

2 个答案: