是否可以测试选择框中有多少选项?

时间:2011-09-21 13:55:51

标签: javascript jquery

我使用的是jQuery 1.6.2。

我使用ColdFusion和jQuery动态填充选择框。

当选项被返回并填入选择框时,我会jQuery找出有多少选项并根据需要调整大小attr。

// load the options into the select box
$("#Select").load("GlobalAdmin/ArtistUnassociatedAlbums.cfm?" + QString);

// test the number of options
var NumOfOptions = $();
var BoxSize = 0;

// do a calculation
if (NumOfOptions > 10) {
    BoxSize = 10;
} else {
    BoxSize = NumOfOptions ;
}

// adjust the select box size
$("#AlbumsSelect").attr("size", BoxSize );

如何有效地获得返回的选项数量?

4 个答案:

答案 0 :(得分:4)

是的,只需使用length属性...

var numOfOptions = $('#Select option').length;

答案 1 :(得分:3)

只需选择选项并测试生成的jQuery对象的length属性:

console.log($("#Select option").length);

答案 2 :(得分:1)

尝试使用javascript的属性.length

var length = $("option").length;

答案 3 :(得分:1)

您可以使用:

var NumOfOptions = $("#AlbumsSelect option").length;