有没有办法在我的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()方法将结果打印到控制台。
请注意，这只是一个示例代码，你可以根据自己的需求进行修改和扩展。
相关·内容
3回答
根据javascript中的值而不是索引获取所选选项的内部html
javascript、html
我有HTML代码
<select id="city">
<option value="A">Mumbai</option>
<option value="B">Bangalore</option>
<option value="C">Delhi</option>
<option value="D">Indore</option>
</select>
我想要一个JavaScript来根据它的
浏览 4提问于2015-01-25得票数 0
3回答
JavaScript -合并两个不同大小的数组
javascript、arrays、undefined
我有两个数组： var array1= [1,3,5,7,9,11]
var array2= [undefined,4,6] 我需要合并array1的一个元素，然后合并array2的一个元素，等等。这是我的代码： function mergeArrays(array1, array2){
var array3 = [];
maxlength = Math.max(array1.length, array2.length);
for(i=0;i<maxlength;i++){
array3.push(array1[i]);
array3.pu
浏览 49提问于2021-11-04得票数 1
回答已采纳
3回答
如果HTML选择器具有特定的值，如何运行Java脚本函数？
javascript、html、forms、dom、selectedindex
所以我有一个非常基本的HTML表单，如果用户在HTML元素中选择一个具有特定值的特定值，我将尝试如何运行JS函数。我对编码非常非常陌生，所以如果它看起来很糟糕，请原谅我；但是类似这样的东西，比如，当选择一个值为“2”的选项时，我希望背景变成红色：
HTML：
<select id="numberDropdown">
<option disabled selected>0</option>
<option value="one">1</option>
<option value="
浏览 3提问于2020-07-27得票数 1
回答已采纳
1回答
根据从onchange从下拉框中选择的内容创建表单以创建其他输入字段
javascript、html
基本上，我想要做的是生成特定的文本框，这取决于在下拉列表中选择了哪个字段。我现在在他们的通用盒子，直到我让它以我想要的方式工作，因此，为什么它会产生相同的框目前。
HTML :
<form>
<select>
<option value="">Field</option>
<option value="Submitted_By" onchange='whichField("Submitted_By");'>Submitted By&
浏览 2提问于2015-07-15得票数 1
回答已采纳
2回答
将文本从表单选择选项传递到文本输入字段
javascript、php、forms
当用户进行选择时，我想将表单选择选项的文本部分(而不是值)传递给同一表单中的隐藏文本输入字段。
我在我的研究中发现了一些java和PHP的例子，但它们似乎都不适合我。
我贴出了这个表格的一个原始例子，看看是否有人能带我去喝水。任何帮助都会受到感谢。
HMTL
<html>
<head>
</head>
<body>
<form action="fruitBasket.php" method="post" enctype="multipart/form-data">
<s
浏览 3提问于2022-05-31得票数 1
回答已采纳
2回答
将“选择”菜单重置为“on更改”事件中的默认菜单
javascript、jquery、jquery-ui、select、jquery-ui-selectmenu
你好，我正在尝试在新项目被选中后立即将选择菜单重置为defaul选项。我不想让“选择”菜单显示选定的项目。我有一个选择菜单：
<select name="new-effect" id="new-effect">
<option selected value="add">Add New Effect</option>
<option value="waves">Waves</option>
<option value="spiral&#
浏览 2提问于2019-01-07得票数 1
回答已采纳
1回答
如何将2个javascript数组从laravel view传递到laravel控制器？
javascript、php、arrays、ajax、laravel
所以我想做一个烹饪食谱搜索系统。用户可以选择食材，这应该在食谱中，也可以选择成分，不应该在食谱中。我有两个下拉菜单，其中用户选择成分，它是显示在屏幕上的javascript。所以在用户选择所有配料后，他按下“搜索”，我的控制器应该会收到所有选择的配料和不想要的配料，这样我就可以进行查询了。这是我的观点：
@extends('layouts.app')
<style>
</style>
@section('content')
<h5 align="center">Main Page</h5>
<
浏览 3提问于2018-05-19得票数 0
3回答
如何使用两个按钮来迭代jQuery UI选择菜单？
javascript、jquery、jquery-ui、select-menu、jquery-ui-selectmenu
请试试。
在两个按钮的帮助下，prevGame和nextGame，我能够改变selectedIndex变量，跟踪当前选择的游戏编号。
不幸的是，文档没有解释如何设置和get (以便我可以更新span currGame)当前选定的项：
请解释:如何在jQuery UI选择菜单中设置和获取所选项目？
HTML-代码：
<form>
<select name="games" id="games"></select>
<button id="prevGame"><</b
浏览 8提问于2016-04-29得票数 4
回答已采纳
2回答
如何在vanilla中更新dom元素以选择选项值？
javascript、html
用DOM元素更新文本的最佳方法是什么，在本例中是<span>，在普通JS中更改时将<select> <option>的值更新为？
为了给出上下文，在我的示例中，这是将<span></span>中显示的价格更新为所选内容的相应值。
<select name="classesPW" id="classesPW">
<option value="5">1</option>
<option value="9">2&l
浏览 0提问于2018-02-05得票数 0
回答已采纳
4回答
如何在javascript中获取select下拉菜单的值？
javascript
如何在Javascript中提醒用户从选择下拉框中选择的值。在本例中，我希望将该值存储在一个变量中，并将其通知给用户。
<script type="text/javascript">
function processmyform() {
var chosenAnimal = // what goes here
alert(chosenAnimal);
}
</script>
<form action="">
<select name="animal" class="
浏览 6提问于2010-10-20得票数 1
回答已采纳
3回答
从另一个数组中的两个数组中分配一个元素
javascript、arrays
如果我有两个数组，我想获取每个数组中的一个元素，并将其放入另一个数组中。我想要这样的东西：
var array1 = [2, 3, 8];
var array2 = [4, 6, 5];
var array3 = array1[0].push(array2[0]);
因此，输出将是：array3 = [2,4]。如何在javascript中做到这一点
提示:我知道push函数用于将元素附加到数组，但我想要的是将一个数组中的元素附加到另一个数组中的另一个元素。或者，添加两个元素并将其放入数组中。
浏览 0提问于2015-04-28得票数 2
2回答
我的onClick事件没有从用户选择的选项中设置"selectedValue“变量？
javascript、onclick
我有一个下拉框，里面满是城市的名字。当用户单击/选择其中一个城市名称时，他们单击的值(或选项)被设置为变量"selectedValue“。我的onClick事件似乎不能正常工作，尽管我不确定到底出了什么问题。
var selectValues = new Array(["Auckland"],["Christchurch"],["Dunedin"],["Hamilton"],["Tauranga"],["Wellington"],["Nelson"]);
co
浏览 5提问于2015-11-07得票数 0
回答已采纳
1回答
在保持空格位置不变的同时颠倒整个字符串
javascript、arrays、for-loop、reverse
这是我尝试过的代码。如果我们输入“我们是农民！”它应该返回"!s rem raferaeW“，而我的代码返回"!s rem aferaeW” function reverseStr(input){
var array1 = [];
var array2 = [];
var nWord;
for (var i = 0; i < input.length; i++) {
array1.push(input[i]);
}
var spaces = [];
for (var i = 0; i < array1.leng
浏览 15提问于2020-04-01得票数 1
回答已采纳
4回答
在jquery选择菜单中选择下一个选项
jquery、select、option、next
正在尝试创建一个按钮，该按钮将转到指定了$selectmenu的选定菜单中的下一个选项。
$('option:selected', 'select').removeAttr('selected').next('option').attr('selected', 'selected');
它可以在标准的HTML select菜单上工作，但不能在分配了jquery $selectmenu的菜单上工作。
$('select#toolMenu').selectmenu({
style
浏览 0提问于2010-11-16得票数 0
回答已采纳
2回答
根据值扩展2个数组
php、arrays
我有两个示例数组：
$array1 = array(
0 => array("a" => '123', "b" => 234),
1 => array("a" => 'abs', "b" => 234),
2 => array("a" => '123', "b" => 234),
3 => array("a" => 'abs'
浏览 0提问于2019-08-29得票数 5
回答已采纳
1回答
保存用户的“选择框设置”飞出WinJS
javascript、windows、visual-studio、windows-8、winjs
如何保存用户从Windows.Storage.ApplicationData中的选择框中选择的值
<div class="win-settings-section">
<h3>Test</h3>
<select id="test">
<option value="1">One</option>
<option value="2">Two</option>
</select>
</div>
浏览 0提问于2014-03-09得票数 0
回答已采纳
1回答
将Select值中的变量传递给document.querySelectorAll(此处为变量)
javascript、variables、selector
我希望能够从HTML页面上的选择器下拉菜单中选择一个值，并将' value‘传递给.js页面上的document.querySelectorAll()。尝试了许多不同的变体，但就是没有发生。
<div class="custom-select">
<select id="selected" onchange="changeKey()">
<option value="0">Select Key:</option>
&l
浏览 37提问于2020-06-04得票数 1
5回答
获取HTML选择元素的预选值。
javascript、jquery、html、html-select
或者通过示例，无论用户是否更改了"c“，如何通过JavaScript或jQuery检索”c“？
<select id="select-menu">
<option value="a">A</option>
<option value="b">B</option>
<option value="c" selected>C</option>
<option value="d">D<
浏览 2提问于2017-12-26得票数 3
回答已采纳
2回答
Array.concat反映了连接后修改输入嵌套数组时所产生的数组的变化。
javascript、arrays
根据MDN，对concat的描述如下，
-- concat()方法用于合并两个或多个数组。此方法不更改现有数组，而是返回一个新数组。
考虑下面的代码，
示例1
const array1 = [['a'], 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2); // concatinate array1 and array2 and returns new array3.
conso
浏览 1提问于2020-01-14得票数 2
回答已采纳
2回答
如何在angular2中获取select change事件的值
javascript、angular
我想使用动态生成的select下拉列表进行导航。看起来我不能直接这么做，所以我只想在select发生变化时调用一个函数。
要做到这一点，我需要这样做：
-模板中
<select (change)="navSelected($event)">
<option *ngFor="let button of navButtons;"
value="button.route" >{{button.label}}</option>
</select>
只要说'navButtons‘是一个
浏览 33提问于2016-07-23得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
