使用jQuery增加HTML选择框

时间:2016-04-26 15:24:14

标签: javascript jquery

我有一个size为1的HTML选择框,并且每次在框中插入新选项时都希望增加该选项框。我能够插入选项没有问题,但我无法弄清楚增加大小的正确方法。我试过跟this SO post但是代码不能正常工作,我真的没看到我错过了什么。

以下是相关代码:

var currentSize = $("#SelectedProjects").attr("size");
currentSize++;
alert(currentSize);
$("SelectedProjects").attr("size", currentSize);

作为测试我正在警告currentSize并且该警报返回正确的号码,但是当我尝试分配它时,该框不会增长。我在这里缺少什么?

1 个答案:

答案 0 :(得分:3)

您的最后一行代码缺少#引用ID为SelectedProjects的元素。相反,现在它正在寻找SelectedProjects元素。

通过添加缺少的#

来解决此问题
var currentSize = $("#SelectedProjects").attr("size");
currentSize++;
alert(currentSize);
$("#SelectedProjects").attr("size", currentSize);
<!-- ^^^^^ here -->

希望这有帮助。