如何在select中隐藏所选元素？

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);
});