Javascript 如何使用select name with jQuery获取多个select的所有选项

Javascript 如何使用select name with jQuery获取多个select的所有选项,javascript,jquery,Javascript,Jquery,我在name=categories的页面上有多个选择,我想从多个下拉列表中获取所有选项文本,并希望存储在数组中。 我在google上搜索过,但大多数示例都是基于jquery和Id的。从您的代码中,提供一个要选择的名称并尝试访问它,如下所示: $document.readyfunction{ var optionValues=[]; $“选择[name=sameSelect]选项”。每个函数{ optionValues.push$this.text; }; $'result'.htmloptio

我在name=categories的页面上有多个选择,我想从多个下拉列表中获取所有选项文本,并希望存储在数组中。 我在google上搜索过,但大多数示例都是基于jquery和Id的。

从您的代码中,提供一个要选择的名称并尝试访问它,如下所示:

$document.readyfunction{ var optionValues=[]; $“选择[name=sameSelect]选项”。每个函数{ optionValues.push$this.text; }; $'result'.htmloptionvalue; }; 状态1 状态2 状态3

下面的代码初始化一个空数组,获取与选择器匹配的所有项,然后迭代它们,并将它们的内部文本推送到数组中

var selector = 'select[name="categories"] option';
var optionsText = [];
var context = document.querySelectorAll(selector);
for (var index in context) {
    optionsText.push(context[index].innerText);
}
//Do something with optionsText

提供您尝试过的内容。从$'select[name=categories]option.map.开始…我得到了这个示例,它更接近我的解决方案,但它也是基于Id的。从头到尾通读是值得的。只需要一个小时,最多两个小时,你就可以学到各种各样的东西,包括如何用ID以外的方式选择元素。另外,我听说可能会有一些奇怪的jQuery书籍或教程。哦,不错。你们不要浪费我们的时间在已经回答的问题上,无论是在网站上还是在其他地方。我认为,在没有正当理由的情况下,投票人投了反对票,否则他应该为此留下至少一条评论。否决票是指错误的答案,如果这不是一个最好的答案,但却是正确的答案,我们就不应该否决它。@ScanQR经过仔细考虑,我找到了否决票的可能原因。询问者要求输入文本,您用值填充数组。optionValues.push$this.text;肯定会提高你的答案的质量。@LajosArpad感谢你指出这一点。然而,这将是一个改进的建议,因为解决方案并非无效。所以问到如何获得基于姓名的文本,这是本文的重点。不过谢谢。我已经更新了,不客气。我再也不能对这个答案投赞成票了,但我很感激它的改进。非常感谢你们。@MohsinAli欢迎你们。你有两个正确答案可供选择,你可以选择其中任何一个作为正确答案。我认为你应该选择一个,因为在这种情况下,你是在帮助未来有类似问题的人。