如何使用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

可以使用change方法的jQuery做你的代码时，下拉的值改变。

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

事情是这样的：

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

我已经创建了一个例子fiddle