代码之家 › 专栏 › 技术社区 › Joanna

如何以列表格式存储和显示表单的值

stock addeventlistener list forms javascript

Joanna · 技术社区 · 7 年前

我希望表格中输入的每个值都以列表格式存储和显示 <li>

例如:如果有人在表单中输入“Thomas”,它将显示

然后,输入“Sophia”,显示:
.托马斯
.索菲娅
等

最好的方法是什么?这是我的HTML代码。

<input id="prenom" type="text">
<input id="bouton" type="button" value="rÃ©cuperer">
<p id="message"></p>

还有javascript

let prenom = document.getElementById("prenom");
let bouton = document.getElementById("bouton");
let message = document.getElementById("message");
function stocker(){
let valeur = prenom.value;
console.log(valeur);
 prenom.value = "";
  message.innerHTML += " "+valeur;
 }
bouton.addEventListener("click",stocker);

1 回复 | 直到 7 年前

Steven Black 7 年前

它似乎对我有用,试试看。也许你需要更详细地描述一下你想实现的目标,以便我理解:)

let prenom = document.getElementById("prenom");
let bouton = document.getElementById("bouton");
let messageParent = document.getElementById("parent");
function stocker(){
let valeur = prenom.value;
  console.log(valeur);
  //prenom.value = "";
  //message.innerHTML += " "+valeur;
  var p = document.createElement("p");
  p.innerHTML = valeur;
  messageParent.append(p); 
}
bouton.addEventListener("click",stocker);

<input id="prenom" type="text">
<input id="bouton" type="button" value="rÃ©cuperer">
<div id="parent">
  <p id="message"></p>
<div>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前