jquery - 如何在选择中隐藏选定的元素？

Question

如何隐藏选择中的选定元素？

见图片：

图一

图二

我怎样才能做到这一点？

Answer 1

你不需要javascript，但只需要一行css：

option:checked { display: none; }

演示：

http://jsfiddle.net/kJckW/2/

Answer 2

这一切都取决于你的加价。

$("#select_id option[value='foo']").remove();

这是jsfiddle。

Answer 3

好吧，您没有发布任何标记或代码，但我会为您制作一些：

<select id="shirts">
   <option>blue shirt</option>
</select>

$("#shirts").on('change', function () {
   //Remove the hidden input and restore the removed value
   if ($("#trueshirt").length) {
      $(this).append("<option>" + $("#trueshirt").val() + "</option>");
      $("#trueshirt").remove();
   }

   //get the selected value
   var val = $(this).val();

   //Remove the option as requested (simply hiding it is incompatible with
   //some browsers)
   $("option:selected", this).remove();

   //Create hidden input to keep the value
   $("<input>").val(val).attr({'type': 'hidden', 'name': 'shirt', id: 'trueshirt'})
      .insertAfter(this);
});