如何在脚本函数中使用表单的值
[英]How do I use the value of the form in the script function
问题描述
I am trying to get the data that is being inputted at the name and the quantity to be used in the function orderPizza(), I am quite confused about how to do it 
我正在尝试获取要在函数orderPizza（）中使用的名称和数量所输入的数据，我对如何做感到很困惑
function orderPizza() { var x = document.form["PizzaForm.Cname"].value; var y = document.form["PizzaForm.qPizza"].value; var z = parseFloat(12.99); var totalPrice = y * z; alert("Name: " + x + "Quantity ordered: " + y); var answer = prompt("Would you like to place this order", " "); if (answer == '1') { document.write("Your order has been placed"); } else if (answer == '2') { document.write("Your order has been cancelled"); } else { document.write("Invalid Entey"); } }
<!DOCTYPE html> <html> <body> <form name="PizzaForm"> Name: <input type="text" name="Cname"><br><br> Quantity of Pizza: <input type="text" name="qPizza"><br><br> <button type="button" value="Submit" onclick="orderPizza" />Sumbit </form> </body>
2 个解决方案
解决方案1
0 已采纳 2018-10-07 01:47:08
use getElementsByName method, and set onclick to orderPizza() 使用getElementsByName方法，并将onclick设置为orderPizza()
function orderPizza() { var x = document.getElementsByName("Cname")[0].value; var y = document.getElementsByName("qPizza")[0].value; var z = parseFloat(12.99); var totalPrice = y * z; alert("Name: " + x + "Quantity ordered: " + y); var answer = prompt("Would you like to place this order", " "); if (answer == '1') { document.write("Your order has been placed"); } else if (answer == '2') { document.write("Your order has been cancelled"); } else { document.write("Invalid Entey"); } }
<!DOCTYPE html> <html> <body> <form name="PizzaForm"> Name: <input type="text" name="Cname"><br><br> Quantity of Pizza: <input type="text" name="qPizza"><br><br> <button type="button" value="Submit" onclick="orderPizza()" />Sumbit </form> </body>
解决方案2
0 2018-10-07 04:22:44
These two lines are wrong: 这两行是错误的：
var x = document.form["PizzaForm.Cname"].value;
var y = document.form["PizzaForm.qPizza"].value;
You can't combine the form and input names into a single property like that. 您不能将表单和输入名称组合成一个属性。 The input is a property of the form object. 输入是表单对象的属性。
var x = document.form["PizzaForm"]["Cname"].value;
var y = document.form["PizzaForm"]["qPizza"].value;
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何获取要在 javascript 函数中使用的 HTML 表单值？ - How do i get HTML form value to use in a javascript function?
如何以函数形式编写此脚本？ - How do I write this script in the form of a function?
如何在我的 JS 脚本中使用 setTimeout function - How do I use setTimeout function in my JS script
如何在 npm 脚本中使用环境变量的值？ - How do I use value of env variable in npm script?
我该如何使用 <form> 标签将数据发送到javascript函数？ - How do I use the <form> tag to send data to a javascript function?
如何清除存储在form.submit函数中的值 - How do I clear a value stored in a form.submit function
如何将值传递给用作参数的函数？ - How do i pass an value to a function that i use as parameter?
如何在Django Form中使用Jquery脚本的值？ - How to use the value of Jquery script in Django Form?
如何使用流类型来约束此函数的返回值？ - How do I use flow type to constrain the return value of this function?
如何在模拟的Jest函数中使用var作为返回值？ - How do I use a var as the return value in a mocked Jest function?
相关标签