使用jQuery增加HTML选择框的size属性答案

【问题标题】：Using jQuery to increase the size attribute of HTML select box使用jQuery增加HTML选择框的size属性
【发布时间】：2016-04-26 15:24:13
【问题描述】：

我有一个带有 size 为 1 的 HTML 选择框，我希望在每次将新选项插入框中时增加它。我可以毫无问题地插入选项，但我无法找出增加尺寸的正确方法。我尝试关注this SO post，但代码不起作用，我并没有真正看到我缺少什么。

以下是相关代码：

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

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

【问题讨论】：

第二个 $("#SelectedProjects") 缺少 #。
你试过$("#SelectedProjects").attr('size', '3'); 吗？
如果您要重复选择一个元素（或一组元素），我建议您将局部变量作为缓存，而不是每次都查找 - var $selectedProducts = $("#SelectedProducts"); 这样做也可以解决你的错字问题:)
谢谢大家。这是漫长而令人沮丧的一天，它开始出现在我的代码中。
错字的发生，它不会让你变坏，它们是不可避免的。

标签： javascript jquery

【解决方案1】：

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

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

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

希望这会有所帮助。

【讨论】：