输出select option问题

Question

有表
<div class="question">
<select size="10" id="firstItemChoose">
<option areaid="1">question1question1question1question1question1question1</option>
              <option areaid="2">question2</option>
             <option areaid="3">question3</option>
             <option areaid="4">question4</option>
         </select>
</div>
$(".pathbutton").click(function(){
var pathItems=$("#firstItemChoose").children().attr("areaid");
$(".pathinfo").append(pathItems);
})
现在只能输出第一行的id  1
如何输出所有option id

Answer 1

你只取了一个ID，当然只显示一个了
$(".pathbutton").click(function(){
var idList = [];
$("#firstItemChoose").children().each(function() {
idList.push($(this).attr('areaid'));
});
$(".pathinfo").append(idList.join(','));
})

Answer 2

$("#firstItemChoose").children() 这句话返回了所有孩子的集合 但是你没有循环
用下边的代码代替 你的 就可以了   $("select option").each(function(i)
   {
    $(".pathinfo").append(this.areaid);
   });