javascript - 使用jQuery增加HTML选择框的size属性

Question

我有一个 size 为 1 的 HTML 选择框，每次在框中插入一个新选项时我都想增加它。我可以毫无问题地插入选项，但我想不出增加大小的正确方法。我尝试关注 this SO post但是代码不工作，我没有真正看到我缺少的东西。

相关代码如下:

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

作为测试，我正在提醒 currentSize 并且该提醒返回正确的数字，但是当我尝试分配它时，框不会增长。我在这里缺少什么？

Answer 1

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

通过添加缺失的 # 来解决这个问题:

var currentSize = $("#SelectedProjects").attr("size");
currentSize++;
alert(currentSize);
$("#SelectedProjects").attr("size", currentSize);
<!-- ^^^^^ here -->

希望这对您有所帮助。