我正在尝试将用户输入从html文件保存到 .js
文件有人能帮我,教我怎么做吗?
html文件
<form >
<label for="size">Enter size:</label>
<input type="text" id="size" ><br>
<label for="color">Enter color:</label>
<input type="text" id="color"><br>
<input type="submit" value="Submit">
</form>
javascript文件
var item_size = ""
var item_color = ""
// (here the codes continues but i need only to save user input on this 2 var.)
这2个部分需要在2个单独的文件中,a .html
和 .js
一个,而不是在一个html上。
4条答案
按热度按时间2ekbmq321#
可以避免使用表单和使用getelementbyid获取所有值。这里有一个这样做的示例脚本
hfyxw5xn2#
在代码中进行以下更改。单击submit按钮或根据您的需求调用java脚本方法的任何其他事件。还有一个建议,在方法中声明这些变量,否则它将成为全局变量,这不是一个好的做法。
java脚本
html
4dbbbstv3#
倾听声音
submit
表单上的事件。每当单击表单中的submit按钮或通过键盘输入触发时,将触发此事件。使用formdata api,您可以将表单中的所有值提取到单个对象中。这些值将基于
name
属性在<input>
字段,因此请确保这些属性存在。阻止默认提交事件以防止表单触发重新加载。
a0x5cqrl4#
使用
document
对象后跟getElementById
功能。在括号内,打开一个引号,在括号内写输入的id,在getElementById
函数写入.value
. 代码如下: