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

Question

我试图用jQuery设置已创建节点的size属性。

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>