使用 jQuery 增加 HTML 选择框的大小属性

Using jQuery to increase the size attribute of HTML select box

本文关键字:属性 选择 jQuery 增加 HTML 使用      更新时间:2023-09-26

我有一个 HTML 选择框,size为 1 开始,并希望每次将新选项插入框中时增加它。我可以毫无问题地插入选项,但我无法找出增加大小的正确方法。我尝试关注此SO帖子,但代码不起作用,我并没有真正看到我缺少的内容。

以下是相关代码:

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

作为测试,我正在提醒currentSize,该警报返回正确的数字,但是当我尝试分配它时,框不会增长。我在这里错过了什么?

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

通过添加缺少的#来解决此问题:

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

希望这有帮助。