2012-12-13 37 views
0

我有两个小改变,我想。如何执行在jquery中删除

  var selectedOption = jQuery("#modulesDrop option:selected"); 
      selectedOption.appendTo($("#moduleselect")); 
      $('option.red').appendTo($("#moduleselect")); 
  1. 我怎样才能获得selectedOption#moduleDrop#moduleselect被删除。

  2. 我有一个类$('option.red'),如果#moduleselect中的内容为空,我只希望它附加到#moduleselect

#moduleSelect是一个多选框,'#modulesDrop'是一个下拉菜单。

下面是一个的jsfiddle

http://jsfiddle.net/DfSGE/6/

只需按照步骤来使用小提琴:

  1. 你会看到一个下拉菜单,从下拉菜单中选择一门课程。
  2. 您会从下拉菜单中看到所选课程的详细信息。点击“删除模块”提交按钮。
  3. 确认确认框。没了发生在密苏里州,但我想在下拉菜单中选择的模块从下拉菜单,并从选择框中
+0

你可以在http://jsfiddle.net/上发布代码(CSS + HTML + JS)吗? –

+0

你似乎追加'selectedOption'到'#moduleselect' ..你为什么要删除它? –

+0

@PalashMondal我在问题 – Manixman

回答

1

我怎样才能得到从#moduleDrop和#moduleselect取出selectedOption。

var selectedOption = $("#modulesDrop").val(); 
$("#modulesDrop option[value='" + selectedOption + "']").remove(); 
$("#moduleselect option[value='" + selectedOption + "']").remove();​ 

我有一个类$( 'option.red' ),我只希望它附加到#moduleselect如果#moduleselect内容为空。

$('#moduleselect:not(:has(option))').addClass('red'); 
+0

中包含了一个小提琴嗨,谢谢你的回答。只是有一个小问题,当选择框为空时,它不会添加类.red消息 – Manixman

+0

您可以摆弄这个问题吗?只是空的选择部分... –

+0

这个小提琴会有用吗?它显示了一个select中的模块和一个没有模块的select的选择:http://jsfiddle.net/DfSGE/11/ – Manixman