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

时间:2013-04-03 07:19:47

标签: jquery

根据选择,我在下拉列表中使用jquery获取下拉列表选项。

我已尝试使用以下代码获取每个选项,但它对我不起作用。这是给对象,我想要像<option value="1">1</option>

这样的html代码
<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();
      }
   });

1 个答案:

答案 0 :(得分:2)

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

要获取html,您需要使用prop方法和“outerHTML”属性。

这样的事情:

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

我创建了一个示例fiddle