如何使用jQuery设置select元素的大小

Question

我试图用jQuery设置创建的节点的大小属性。

var category_selector_lvl0 = $('<select>',{ 
      id: 'category_selector_lvl0', 
      size: 6 
}); 

但大小属性不被所著... :(

<select id="category_selector_lvl0"> 
     <option value="14">...</option> 
     <option value="1">...</option> 
     <option value="40">...</option> 
</select> 

我期望能获得类似的东西：

<select id="category_selector_lvl0" size="6"> 
     <option value="14">...</option> 
     <option value="1">...</option> 
     <option value="40">...</option> 
</select> 

我尝试了一些变种，如：

var category_selector_lvl0 = $('<select>',{ 
      id: 'category_selector_lvl0', 
      size: '6' 
}); 

但没有结果

Answer 1

你可以做到这一点 -

var category_selector_lvl0 = $('<select>',{ 
      id: 'category_selector_lvl0' 
}).attr('size',6); 

演示--->http://jsfiddle.net/Uq2ap/8/

生成的HTML：

<select id="category_selector_lvl0" size="6"></select>