jQuery按文本查找选项并将其移动到select的顶部

Question

我试图通过文本在select中找到一个选项，并将该选项移到select的顶部，但是我似乎无法得到它，使用版本1.9.1。

// move 'untagged' option to top of select
jQuery('#logical_interface_vlan_id option:[text="Untagged"]').prependTo(jQuery('#logical_interface_vlan_id'));

logical_interface_vlan_id是select的id，Untagged是我正在寻找的选项文本。

上面给出了一个无法识别的表达式语法错误。

我也尝试过，没有错误，但它也没有做任何事情：

jQuery('#logical_interface_vlan_id').find('option[text="Untagged"]').prependTo(jQuery('#logical_interface_vlan_id'));

Answer 1

您可以循环遍历这些选项，然后以这种方式删除和添加这些选项。

jQuery('#logical_interface_vlan_id option').each(function() {
        if (jQuery(this).text() === 'Untagged') {
            var option = jQuery(this);
            jQuery(this).remove();
            jQuery('#logical_interface_vlan_id').prepend(option);
        }
    });

Answer 2

假设选择的id是- #osmBodyContent_ddlPosition

首先获取所选选项并将其存储在一个变量中-

var selectedOpt = $("#osmBodyContent_ddlPosition option:selected");

然后删除所选的选项-

$(selectedOpt ).remove();

现在把它放在最前面-

$("#osmBodyContent_ddlPosition").prepend(selectedOpt)