如何将输入框的值传递到数组中，然后使用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页面上。

如何将输入框的值传递到数组中，然后使用html列表标记显示它？

html、angular、typescript

我是angular的初学者；我正在尝试将输入框的值传递到一个数组中，然后使用html list标记显示它。app.component.html <form #todoForm= "ngForm"(submit)="todoSubmit(todoForm.value); todoForm.res

浏览 16提问于2021-09-16得票数 1

1回答

PowerApps输入字段是否“依赖”一个URL参数？

powerapps、powerapps-canvas、powerapps-formula

我试图将一个URL参数(例如&email=test@example.com)传递到PowerApps中。然后，我需要一个在“依赖于”字段中使用此值的下拉框。例如，我有一个下拉框，它连接到我的SharePoint列表，但是我需要根据传递给URL的&email值来过滤它。我有办法做到这一点吗？到目前为止，我只能依赖一个输入框<

浏览 9提问于2022-11-17得票数 0

2回答

如何在JavaScript的UL中添加换行符

javascript、html、css

因此，我试图添加从输入框中提取的元素，将其放入数组中，然后将其显示在无序列表中。我的问题是在将值传递到列表后，在Javascript的每个条目之后添加一个<br>。下面是当前用于推送到列表的代码。

浏览 0提问于2020-07-08得票数 0

回答已采纳

1回答

显示一个特定的图形

javascript、php、jquery、jquery-events

我目前有一段JavaScript，它从PHPDynamic下拉菜单中获取值和选定的文本，并将其传递到输入框进行编辑。如何通过JavaScript传递一个PHP项，以显示选定值的特定图像？如何将选定的文本回显到选择的输入框中？).change(function(){ $('

浏览 0提问于2011-07-06得票数 0

2回答

将数组值从html传递到flash数组

javascript、html、arrays、flash、actionscript

有人知道如何将数组值从HTML传递到flash中吗？好的，首先我将讨论我在做什么。我编辑了一个twitter widget javascript，它根据我需要的标签搜索tweet，然后将其传递给每个tweet的数组，然后使用每5分钟更新一次的<div>显示

浏览 2提问于2011-10-20得票数 0

回答已采纳

2回答

对项目进行排序，传单列表标记

leaflet

我在看传单库里的形状文件。我应该对显示在屏幕上的地图标记列表进行排序。帮我

浏览 7提问于2022-08-24得票数 0

1回答

将javascript数组传递到<datalist>表单标记中

html

我想在datalist ( html5标记)中显示这些数据。我使用的代码与中的代码相同。保存csv数据的数组名为datacsv。我只是不知道如何将数组(在本例中为datacsv[])传递到datalist标记中，以便显示数据。任何想法都将不胜感激，谢谢。

浏览 4提问于2013-08-02得票数 0

回答已采纳

3回答

在数组中对值进行排序之后，将键与其值保持在一起吗？

javascript、arrays

我对JavaScript完全陌生，请随时纠正我的技术术语。到目前为止，我已经使用一个for...in循环遍历了对象，并将每个键<em

浏览 7提问于2013-07-24得票数 2

回答已采纳

1回答

在asp.net c#中通过POST传递动态列表

javascript、c#、asp.net-mvc

在我的视图中，我需要多个输入框来输入动态数量的值。例如，如果我有一个动态数量的输入框(这里显示为)。我如何将所有这些值传递给我的控制器？目前，我的视图中有一个输入框，设置如下： @Html.TextBoxFor(m => m.StudentName, n

浏览 0提问于2016-03-08得票数 0

1回答

更改vue js中的输入字段数据

vue.js、vuejs2

在输入字段中，当我过去编写以前的用户名时，它会给出来自API的可用用户名列表。我的问题是，当我在vue js中单击可用用户名时，如何更改输入字段数据？

浏览 1提问于2022-03-21得票数 0

1回答

AngularJS -按钮单击动态表中输入框的更新值

angularjs、angularjs-ng-repeat、ng-repeat、angularjs-ng-click

在检查了各种堆栈溢出资源之后，看起来我仍然无法找到这样做的角度方式。HTML表只有一个Id列和另一个文本列(输入框)，通过ng-重复动态填充。然后，我提供“更新”和“删除”函数/按钮的每个单独的记录显示在输入框内。“删除”函数似乎没问题，在“删除”按钮上，我只需将ID作为参数传递给函数。对于“update”单击事件，我不知道如何将输入框的值作为第二个参数

浏览 0提问于2016-03-30得票数 3

回答已采纳

1回答

未获取文本框的长度

javascript、jquery、angularjs、node.js

我正在与AngularJS一起工作，这是一个非常新的工作。我需要获取输入框的长度，它显示为"0“。我的代码如下所示我填满盒子并通知valueOfMybox。它每次都会显示0。

浏览 2提问于2015-04-30得票数 1

1回答

循环数组，直到与单击的项的值匹配为止。

javascript、arrays、loops

我试图循环一个数组，直到它与单击的对象的值匹配为止。其他详细信息是，有一个输入

浏览 1提问于2020-03-04得票数 0

回答已采纳

4回答

jQuery变量或PHP

php、jquery、variables

我有一个span标签中的价格，我使用以下方法获取价格并在页面上显示它：$('#cost').html('Value '+ cost);<input id="amou

浏览 10提问于2014-11-26得票数 0

回答已采纳

1回答

Javascript -使用从ajax rest响应接收的一些值填充输入框

javascript、jquery、html

我在page1.html中有一个锚标记，它有一个onClick事件。此onClick进行REST API调用。然后将此REST API调用的响应传递给一个javascript函数，该函数加载page2.html，并且需要使用responses值填充页面2上的输入框。下面是加载新页面并尝试填充新页面上的输入框的代码docum

浏览 2提问于2016-06-03得票数 0

3回答

将asp.net中继器项传递给javascript数组

c#、javascript、asp.net、google-maps

我正在建立一个快速的网络应用程序，以显示从sql服务器数据库在谷歌地图上的位置标记。在我的，aspx页面上，我有一个中继器控件，它显示数据库中最后一个位置。ItemTemplate> , </asp:Repeater> 现在我需要指导的是，如何将&#

浏览 0提问于2014-08-31得票数 0

1回答

将ajax状态从一个组件传递到另一个组件

javascript、reactjs、components、state

我希望使用App.js中输入框中输入的url向返回JSON对象的Python发出ajax请求，然后将该对象存储到posts数组中。然后，当单击按钮时，我希望将post数组中的值传递给PythonComponent.js。当我输入一个url &单击链接时，我的console.log语句将

浏览 0提问于2018-04-17得票数 0

回答已采纳

1回答

从复选框中删除选项值

javascript

我需要你的帮助。我对javascript还比较陌生，希望完成以下工作：和；使用输入框中的delete键，我希望它搜索输入框中给定的值，并从下拉框中删除该选项(如下图所示)：

浏览 3提问于2013-09-19得票数 1

回答已采纳

1回答

easyAutocomplete输入框值给出的是搜索字符串而不是完整字符串

javascript、html

我正在使用easyAutocomplete函数填充一个html输入框。然后有一个.change javascript函数，它使用输入框的值来执行一些操作。然而，这是错误的，我发现如果我打印出我指定的变量的值作为输入框的值，它会给出我最初输入的部分字符串，而不是自动完成的字符串

浏览 0提问于2015-08-28得票数 0

2回答

如何在php中获取没有表单标签和提交按钮的输入框的值？

php

我想得到一个输入框的值，它没有一个表单标签和提交按钮在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元无门槛券

手把手带您无忧上云

如何将输入框的值传递到数组中，然后使用html列表标记显示它？

相关·内容

如何将输入框的值传递到数组中，然后使用html列表标记显示它？

PowerApps输入字段是否“依赖”一个URL参数？

如何在JavaScript的UL中添加换行符

显示一个特定的图形

将数组值从html传递到flash数组

对项目进行排序，传单列表标记

将javascript数组传递到<datalist>表单标记中

在数组中对值进行排序之后，将键与其值保持在一起吗？

在asp.net c#中通过POST传递动态列表

更改vue js中的输入字段数据

AngularJS -按钮单击动态表中输入框的更新值

未获取文本框的长度

循环数组，直到与单击的项的值匹配为止。

jQuery变量或PHP

Javascript -使用从ajax rest响应接收的一些值填充输入框

将asp.net中继器项传递给javascript数组

将ajax状态从一个组件传递到另一个组件

从复选框中删除选项值

easyAutocomplete输入框值给出的是搜索字符串而不是完整字符串

如何在php中获取没有表单标签和提交按钮的输入框的值？

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐