有没有办法在我的html中拉出所有选择菜单的选定索引，以便将值添加到我选择的不同数组中。1个select菜单的大量代码
在HTML中，可以通过JavaScript来获取选择菜单的选定索引，并将值添加到不同的数组中。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>获取选择菜单的选定索引</title>
</head>
<body>
<select id="selectMenu">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
<option value="option4">选项4</option>
</select>
<button onclick="getSelectedIndex()">获取选定索引</button>
<script>
function getSelectedIndex() {
var selectElement = document.getElementById("selectMenu");
var selectedIndex = selectElement.selectedIndex;
console.log("选定索引：" + selectedIndex);
// 将值添加到不同的数组中
var selectedValue = selectElement.options[selectedIndex].value;
var array1 = [];
var array2 = [];
var array3 = [];
if (selectedIndex === 0) {
array1.push(selectedValue);
} else if (selectedIndex === 1) {
array2.push(selectedValue);
} else if (selectedIndex === 2) {
array3.push(selectedValue);
}
console.log("数组1：" + array1);
console.log("数组2：" + array2);
console.log("数组3：" + array3);
}
</script>
</body>
</html>在上述代码中，我们首先创建了一个选择菜单（select）和一个按钮。当点击按钮时，调用getSelectedIndex()函数。
该函数首先通过getElementById()方法获取选择菜单的元素，然后使用selectedIndex属性获取选定的索引。通过options属性可以获取到选项的集合，通过索引可以获取到选中的选项的值。
接下来，我们创建了三个数组（array1、array2、array3），根据选定的索引将选项的值添加到不同的数组中。最后，通过console.log()方法将结果打印到控制台。
请注意，这只是一个示例代码，你可以根据自己的需求进行修改和扩展。
相关·内容
该函数根据用户对我的问题的回答，找出用户与哪个电视角色进行比较。我的代码现在对于多个选择菜单是非常低效的！也许是一个对象，它接受html中的所有selectmenus，并允许我根据selectmenu的选定索引分配数组值。carolArray = [];
浏览 2提问于2016-07-05得票数 0
我有一个带有多个包下拉菜单的表单，这些下拉菜单以id：select开头，它们是由用户动态添加的。我的目标是将从这些select下拉列表中选择的所有值放入一个数组中。这是我到目前为止拥有的代码。$(document).ready(function() {
arr =
浏览 0提问于2012-07-14得票数 4
回答已采纳
我的网站有单独的会员页面，但我有一个用于从一个成员滚动到另一个成员的选择菜单。我在每个页面上的html选择菜单编码，但我需要一个更好的解决方案，因为我的会员不断增长。我需要能够在一个单独的文件中创建相同的选择菜单<
浏览 0提问于2016-04-20得票数 0
我有一个菜单，我希望根据系统中当前选择的帐户而有所不同。
我有一个页面，允许用户选择一个帐户从html选择。当用户从帐户选择页面提交表单时，我想调用控制器上的菜单方法，传入选定的值，以便我的url看起来是正确的</
浏览 0提问于2012-06-04得票数 3
回答已采纳
1回答
我正在尝试将集成到我的应用程序中。我正在获取页面中基本表单输入和常规数据的绑定值，但我不知道如何使用铆钉处理选择下拉(下拉菜单)。我可以使用每个标记构建一个select，如下面的JSFiddle：所示
但是我想将菜单中选定的值绑定到模型值(在</em
浏览 0提问于2015-01-29得票数 5
回答已采纳
我有一个用户控件(MyListSelect.ascx)，它有一个单选按钮列表.<select></select><%@Register Src="~/MylistSelect.ascx"
T
浏览 1提问于2015-02-06得票数 0
回答已采纳
我在HTML代码中有一个下拉列表，我正在使用angular填充它。我想要下拉菜单的选定值，并将其发送到angular，以便angular从数据库中获取数据并填充到相同的HTML页面中。下面是我的代码。index.html <div ng-app=&qu
浏览 22提问于2019-01-23得票数 2
回答已采纳
这是我到目前为止所知道的： 我有一个通过从C# Spotify API中拉出一些播放列表来填充的ComboBox。接下来，用户在ComboBox中选择他们选择的播放列表，并可以拉出所有曲目(艺术家等)的ListView。 这一步需要选择用户的ComboBox选项，但我只能使用playlist.Id值。但是，<e
浏览 12提问于2019-09-07得票数 2
回答已采纳
我正在显示大量的文本((在文本视图中)，对于每个句子，我希望能够长按并显示基于当前句子的选项(例如:包含我已扩展定义的所有单词的上下文菜单)。
例如，我有以下文本:狗吃了就跑了。猫坐了下来。当长按第一句话的区域时，会出现一个上下文菜单，允许我选择dog和run (因为我在引擎
浏览 3提问于2012-04-11得票数 0
3回答
我希望将聚合物纸下拉菜单重置为JavaScript中的初始状态，这样就不会选择任何内容，因此它看起来如下：我可以在纸质下拉菜单中的纸质菜单标签中添加一个id，并在JavaScript中访问它，并选择它的选择索引：
document.getElem
浏览 1提问于2015-10-21得票数 7
回答已采纳
</option>';echo '</select>';
}使用用户选择的值设置变量(数组)(此代码位于所有其他代码之上；位于页面顶部用户单击提交按钮后，我想记住用户选择的值。
但是下面的代码</
浏览 0提问于2013-06-22得票数 3
回答已采纳
1回答
编辑：我在HTML中有两个下拉菜单：<form action="car-list.php" method="get"></select>在用户选择一个品牌后，第二个下拉菜单</em
浏览 3提问于2014-03-22得票数 1
回答已采纳
1回答
我使用react-select和formatOptionLabel属性来格式化选项标签。每当我选择任何选项时，它都会显示在输入中，并且还会得到格式化的标签 我尝试传递selectedIcon并在onChange事件中删除它，这确实起作用了，但为此我需要在每个选项中传递它并在每个onChange{ selectedIcon, ...restFields } = value;
浏览 11提问于2019-03-23得票数 1
回答已采纳
将菜单从常规select更改为jQuery selectmenu后，我不能再以编程方式选择其中的选项。有没有办法做到这一点？要选择的代码是(假设ListId是列表的实际Id )该插件按如下方式激活：
$("#ListId").selectmenu({ style: "dropdow
浏览 69提问于2010-12-15得票数 20
回答已采纳
我目前有一个带有一个选择菜单的页面，名为searchuniversity。一旦用户从选择菜单中选择了某项内容，我只需读取选择菜单值，然后使用从数组中读取的值。这个数组中有多个值，我希望根据这些值将这些值添加</em
浏览 0提问于2013-06-27得票数 0
回答已采纳
我有一个单下拉菜单，有20个城市，所以用户可以选择一个特定的城市，并得到它的天气预报。它工作得很好，因为您可以在这里查看这是通过
浏览 0提问于2019-09-10得票数 1
我在javascript中有一些下拉菜单，以及一个包含所有这些菜单的数组：<select name="a" id="a">
<option value="ABC">ABC</option我还可以通过保存所有下拉列表的数组索引来更改
浏览 4提问于2016-06-15得票数 1
回答已采纳
我已经在这里寻找了答案，但没有找到任何可以直接帮助我的东西，所以我将在这里提问。我有一个包含多个选择框的表单：<option value="1">ABC</option>
<option value="2">DEF</option<option value="2">DE
浏览 1提问于2012-01-20得票数 5
回答已采纳
1回答
我有一个简单的select下拉菜单，它使用索引查找所选选项并选择它：pax_two_ob_meal.select_by_index(1)
我已经意识到，这个下拉
浏览 1提问于2016-02-20得票数 0
回答已采纳
我一直在努力让它发挥作用。例如，在我的尝试中，如果我添加了以下代码
实际上，新值仍然显示为已选定的值，但是，如果我从数据库
浏览 2提问于2015-11-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
