jquery - 如何使用 jQuery 设置选择元素的大小

Question

我正在尝试使用 jQuery 设置创建节点的大小属性。

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

但是没有写 size 属性... :(

<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>