0

在<select>下面的功能中，如果选择菜单中没有模块，我会显示一条消息：

    $moduleSELECT = '<select name="moduletextarea" id="moduleselect" size="3">'.PHP_EOL;      

    if($modulenum == 0){

    $moduleSELECT .= "<option disabled='disabled' class='red' value=''>No Modules currently on this Course</option>";

}else{

....

现在我想要做的是使用 jquery，如果我将一个模块附加到选择菜单中，那么它会在选择菜单中显示该模块：

        var selectedOption = jQuery("#modulesDrop option:selected");
        selectedOption.appendTo($("#moduleselect"));

但是我想在我的 jquery 中做的是，如果用户将模块附加到选择菜单中但No Modules currently on this Course正在显示，那么我希望它在附加模块时从选择菜单中删除该消息。但是我该怎么做呢？

4

2 回答 2

1

每当您向 追加新选项时moduleselect，都可以使用以下命令删除选项的任何实例disabled="disabled"：

$('#moduleselect option[disabled="disabled"]').remove();

如果您的菜单中有其他禁用的选项，您可能希望以不同的方式识别要删除的选项元素。上面的代码将删除所有这些。

http://jsfiddle.net/RHSCA/

于 2012-12-13T04:57:15.943 回答
1

要删除，您可以使用 jquery remove()。

它从 DOM 中删除匹配的元素集。

http://api.jquery.com/remove/。

假设您的选项（您要删除）具有红色类....

尝试这个..

$('option.red', 'select').remove()​ //OR
$('option.red', '#moduleselect').remove()  // selector as id

附加模块后..

这是jsfiddle中的一个例子..

http://jsfiddle.net/hgawb/

于 2012-12-13T04:59:11.903 回答