Javascript 如何使数组显示在无序列表中?
我有下面的代码,我希望Javascript 如何使数组显示在无序列表中?,javascript,html,list,function,unordered,Javascript,Html,List,Function,Unordered,我有下面的代码,我希望gather\u form\u元素数组显示为无序列表。 这是我的html部分: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta author="Justin Roohparvar"> <link rel="stylesheet" href="CSS\css.css"> <script src="Javascript/form.j
gather\u form\u元素
数组显示为无序列表。
这是我的html
部分:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta author="Justin Roohparvar">
<link rel="stylesheet" href="CSS\css.css">
<script src="Javascript/form.js"></script>
<title>Contact Form</title>
</head>
<body>
<form method="POST" action="week_1_contact_form.html">
<h1>Contact Form</h1>
<input id="first_name" type="text" maxlength="50" size ="25" placeholder="First Name" required> <br /><br />
<input id="last_name" type="text" maxlength="50" size="25" placeholder="Last Name" required> <br /><br />
<input id = "email" type="email" name="email" placeholder="Email" required> <br /> <br />
<input id="phone_number" type="tel" name="phone_number" placeholder="Phone Number" required><br /><br />
<input type="Submit" name="Submit" value="Submit" onclick="getFormElements()">
</form>
</body>
</html>
任何建议都将不胜感激。首先,您必须从您的输入中获取
值,而不仅仅是元素本身。根据您的方法,它应该如下所示:
function getFormElements() {
var gather_form_elements = new Array(document.getElementById("first_name").value, document.getElementById("last_name").value,
document.getElementById("email").value, document.getElementById("phone_number").value);
displayValues(gather_form_elements);
}
function displayValues(gather_form_elements) {
document.write('<ul>');
for(i=0; i<gather_form_elements.length; i++)
{
document.write('<li>'+gather_form_elements[i]+'</li>');
}
document.write('</ul>');
}
函数getFormElements(){
var gather_form_elements=新数组(document.getElementById(“first_name”).value,document.getElementById(“last_name”).value,
document.getElementById(“email”).value,document.getElementById(“电话号码”).value;
显示值(集合元素);
}
函数显示值(聚集元素){
文件。写(“”);
对于(i=0;i首先,您必须从输入中获取
值,而不仅仅是元素本身。使用您的方法,它应该如下所示:
function getFormElements() {
var gather_form_elements = new Array(document.getElementById("first_name").value, document.getElementById("last_name").value,
document.getElementById("email").value, document.getElementById("phone_number").value);
displayValues(gather_form_elements);
}
function displayValues(gather_form_elements) {
document.write('<ul>');
for(i=0; i<gather_form_elements.length; i++)
{
document.write('<li>'+gather_form_elements[i]+'</li>');
}
document.write('</ul>');
}
函数getFormElements(){
var gather_form_elements=新数组(document.getElementById(“first_name”).value,document.getElementById(“last_name”).value,
document.getElementById(“email”).value,document.getElementById(“电话号码”).value;
显示值(集合元素);
}
函数显示值(聚集元素){
文件。写(“”);
对于(i=0;i,正如新手所说,您需要获取每个控件的值。侦听器的一个更简单版本是利用表单的元素集合。控件必须有一个名称才能成功,您可以利用该名称确定要获取以下控件值的控件:
函数getFormElements(表单){
var值=[];
[]forEach.call(form.elements、function(control){
if(control.name){
value.push(control.value);
}
});
//显示用于测试的值
console.log(值);
返回值;
}
联系方式
正如新手所说,您需要获取每个控件的值。更简单的侦听器版本是利用表单的元素集合。控件必须有一个名称才能成功,您可以利用该名称确定要获取哪些控件的值:
函数getFormElements(表单){
var值=[];
[]forEach.call(form.elements、function(control){
if(control.name){
value.push(control.value);
}
});
//显示用于测试的值
console.log(值);
返回值;
}
联系方式
谢谢菜鸟。我完全忘记了值函数。我感谢你的帮助。这就像我想要的一样有效!@JustinRoohparvar很高兴我能帮助谢谢菜鸟。我完全忘记了值函数。我感谢你的帮助。这就像我想要的一样有效!@JustinRoohparvar很高兴我能帮助getFormElements侦听器应位于表单的提交处理程序中,因为表单可以在不单击提交按钮的情况下提交。此外,不要在表单属性后命名控件(如“提交”),即使大写字母不同。getFormElements侦听器应该位于表单的提交处理程序上,因为表单可以在不单击提交按钮的情况下提交。此外,不要在表单属性后命名控件(如“提交”),即使大写字母不同。