2012-12-13 62 views
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正在顯示,那麼我希望它從s中刪除該消息當附加模塊時選擇菜單。但我該怎麼做?

回答

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/

+0

謝謝你好回答,最佳答案 – user1881090

+0

歡呼聲....有趣的編碼... :) :) – bipen

1

每當你追加一個新的選項moduleselect,你可以刪除一個選擇的任何實例與disabled="disabled"

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

您可能需要確定選項元素,如果你有其他禁用選項刪除不同在你的菜單中。上述代碼將刪除所有這些代碼。

http://jsfiddle.net/RHSCA/

+0

這也適用,upvoted答案:) – user1881090