jquery - 如何使用 jquery 获取下拉列表的选项

Question

我有使用 jquery 的下拉列表选项，以便根据选择在下拉列表中添加和删除。

我试过下面的代码来获取每个选项，但它对我不起作用。它是给对象，我想要像这样的 html 代码<option value="1">1</option>

<select id="drpdown" name="drpdown" multiple="multiple" size="15">
  <option data-parent="1" value="1">Test</option>                                       
</select>


 $('#drpdown').children().each(function() {
      if($(this).data('parent') != parent) 
      {
           values.push($(this));
           $(this).remove();
      } 
      else 
      {
         $(this).show();
      }
   });

Answer 1

当下拉列表的值发生变化时，您可以使用 jQuery 中的change方法来执行代码。

要获取 html，您需要使用带有“outerHTML”属性的prop方法。

像这样的东西：

$("select").change(function() {
    var a = $(this).children(":selected").get(0);
    $("div").text($(a).prop("outerHTML"));
});

我创建了一个示例小提琴