如何将输入框的值传递到数组中，然后使用html列表标记显示它？
将输入框的值传递到数组中，然后使用HTML列表标记显示它的方法如下：
- 首先，创建一个空数组，用于存储输入框的值。
- 在HTML中，使用
<input>标签创建一个输入框，并设置一个唯一的id属性，以便后续通过JavaScript获取输入框的值。
<input type="text" id="inputValue">- 在JavaScript中，获取输入框的值，并将其添加到数组中。
var input = document.getElementById("inputValue");
var value = input.value; // 获取输入框的值
var array = []; // 创建一个空数组
array.push(value); // 将值添加到数组中- 接下来，使用HTML列表标记来显示数组中的值。可以使用
<ul>和<li>标签来创建无序列表。
<ul id="list"></ul>- 在JavaScript中，遍历数组，并将每个值添加为列表项。
var list = document.getElementById("list");
for (var i = 0; i < array.length; i++) {
var listItem = document.createElement("li");
listItem.textContent = array[i];
list.appendChild(listItem);
}完整的HTML和JavaScript代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Input to Array</title>
</head>
<body>
<input type="text" id="inputValue">
<ul id="list"></ul>
<script>
var input = document.getElementById("inputValue");
var value = input.value;
var array = [];
array.push(value);
var list = document.getElementById("list");
for (var i = 0; i < array.length; i++) {
var listItem = document.createElement("li");
listItem.textContent = array[i];
list.appendChild(listItem);
}
</script>
</body>
</html>这样，输入框中的值将会被传递到数组中，并以列表的形式显示在HTML页面上。
相关·内容
我是angular的初学者；我正在尝试将输入框的值传递到一个数组中，然后使用html list标记显示它。app.component.html <form #todoForm= "ngForm"(submit)="todoSubmit(todoForm.value); todoForm.res
浏览 16提问于2021-09-16得票数 1
我试图将一个URL参数(例如&email=test@example.com)传递到PowerApps中。然后，我需要一个在“依赖于”字段中使用此值的下拉框。例如，我有一个下拉框，它连接到我的SharePoint列表，但是我需要根据传递给URL的&email值来过滤它。我有办法做到这一点吗？到目前为止，我只能依赖一个输入框<
浏览 9提问于2022-11-17得票数 0
因此，我试图添加从输入框中提取的元素，将其放入数组中，然后将其显示在无序列表中。我的问题是在将值传递到列表后，在Javascript的每个条目之后添加一个<br>。
下面是当前用于推送到列表的代码。
浏览 0提问于2020-07-08得票数 0
回答已采纳
1回答
显示一个特定的图形
、、、
我目前有一段JavaScript，它从PHPDynamic下拉菜单中获取值和选定的文本，并将其传递到输入框进行编辑。如何通过JavaScript传递一个PHP项，以显示选定值的特定图像？如何将选定的文本回显到选择的输入框中？).change(function(){
$('
浏览 0提问于2011-07-06得票数 0
2回答
有人知道如何将数组值从HTML传递到flash中吗？好的，首先我将讨论我在做什么。我编辑了一个twitter widget javascript，它根据我需要的标签搜索tweet，然后将其传递给每个tweet的数组，然后使用每5分钟更新一次的<div>显示
浏览 2提问于2011-10-20得票数 0
回答已采纳
我想在datalist ( html5标记)中显示这些数据。我使用的代码与中的代码相同。保存csv数据的数组名为datacsv。我只是不知道如何将数组(在本例中为datacsv[])传递到datalist标记中，以便显示数据。任何想法都将不胜感激，谢谢。
浏览 4提问于2013-08-02得票数 0
回答已采纳
我对JavaScript完全陌生，请随时纠正我的技术术语。到目前为止，我已经使用一个for...in循环遍历了对象，并将每个键<em
浏览 7提问于2013-07-24得票数 2
回答已采纳
在我的视图中，我需要多个输入框来输入动态数量的值。例如，如果我有一个动态数量的输入框(这里显示为)。我如何将所有这些值传递给我的控制器？目前，我的视图中有一个输入框，设置如下： @Html.TextBoxFor(m => m.StudentName, n
浏览 0提问于2016-03-08得票数 0
1回答
在输入字段中，当我过去编写以前的用户名时，它会给出来自API的可用用户名列表。
我的问题是，当我在vue js中单击可用用户名时，如何更改输入字段数据？
浏览 1提问于2022-03-21得票数 0
在检查了各种堆栈溢出资源之后，看起来我仍然无法找到这样做的角度方式。HTML表只有一个Id列和另一个文本列(输入框)，通过ng-重复动态填充。然后，我提供“更新”和“删除”函数/按钮的每个单独的记录显示在输入框内。“删除”函数似乎没问题，在“删除”按钮上，我只需将ID作为参数传递给函数。对于“update”单击事件，我不知道如何将输入框的值作为第二个参数
浏览 0提问于2016-03-30得票数 3
回答已采纳
1回答
未获取文本框的长度
、、、
我正在与AngularJS一起工作，这是一个非常新的工作。我需要获取输入框的长度，它显示为"0“。我的代码如下所示我填满盒子并通知valueOfMybox。它每次都会显示0。
浏览 2提问于2015-04-30得票数 1
4回答
我有一个span标签中的价格，我使用以下方法获取价格并在页面上显示它：$('#cost').html('Value '+ cost);<input id="amou
浏览 10提问于2014-11-26得票数 0
回答已采纳
我在page1.html中有一个锚标记，它有一个onClick事件。此onClick进行REST API调用。然后将此REST API调用的响应传递给一个javascript函数，该函数加载page2.html，并且需要使用responses值填充页面2上的输入框。下面是加载新页面并尝试填充新页面上的输入框的代码docum
浏览 2提问于2016-06-03得票数 0
我正在建立一个快速的网络应用程序，以显示从sql服务器数据库在谷歌地图上的位置标记。在我的，aspx页面上，我有一个中继器控件，它显示数据库中最后一个位置。ItemTemplate>
, </asp:Repeater>
现在我需要指导的是，如何将&#
浏览 0提问于2014-08-31得票数 0
1回答
我希望使用App.js中输入框中输入的url向返回JSON对象的Python发出ajax请求，然后将该对象存储到posts数组中。然后，当单击按钮时，我希望将post数组中的值传递给PythonComponent.js。当我输入一个url &单击链接时，我的console.log语句将
浏览 0提问于2018-04-17得票数 0
回答已采纳
1回答
我需要你的帮助。我对javascript还比较陌生，希望完成以下工作：和；
使用输入框中的delete键，我希望它搜索输入框中给定的值，并从下拉框中删除该选项(如下图所示)：
浏览 3提问于2013-09-19得票数 1
回答已采纳
我正在使用easyAutocomplete函数填充一个html输入框。然后有一个.change javascript函数，它使用输入框的值来执行一些操作。然而，这是错误的，我发现如果我打印出我指定的变量的值作为输入框的值，它会给出我最初输入的部分字符串，而不是自动完成的字符串
浏览 0提问于2015-08-28得票数 0
我想得到一个输入框的值，它没有一个表单标签和提交按钮在php
<input type="text" id="start-date" name="start" placeholder="Select Datedata-date-format="DD, MM d" class="input-sm form-control"/><span class="date-text date-
浏览 0提问于2016-07-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
