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 に答える