在提交表单上动态更改输入元素 javascript
Dynamically alter input element javascript on submit form
我正在尝试创建一个提交表单,通过该表单,我更改其中一个输入元素以添加cookie的内容,并将该内容与其他输入元素一起通过电子邮件发送。我已经尝试了各种方法,包括访问 value 属性和附加子元素,但使用 Firefox 无济
于事。.HTML
<form method="GET" action="mailto:davidflynn12@hotmail.com">
<input type="hidden" name="subject" value="javascript:GetTotal()">
<input type="hidden" name="body" value="test">
<input type="submit" value="Send Email">
</form>
<form id="form1" action="mailto:admin@example.com" enctype="text/plain"
method="post">
<a href="javascript:addOption()">Add Details </a>
<p>Name:
<input name="Name" type="text" id="Name" size="40" value=javascript:GetTotal()>
</p>
<p>E-mail address:
<input name="E-mail" type="text" id="E-mail" size="40">
</p>
<p>Comment:</p>
<p>
<textarea name="Comment" cols="55" rows="5" id="Comment"></textarea>
</p>
<p>
<input type="submit" name="Submit" value="Submit">
</p>
</form>
.JS
function GetTotal() {
// Get the individual cookies, by splitting the cookie string
// Individual cookies is now an array of all the name=value pairs
var individualCookies = document.cookie.split(';');
var temp3 = 0;
//document.write("<p class = 'special_p'>");
for (var i = 0; i < individualCookies.length; i++) {
// Loop through each of the cookies, and split them into
// their name and value, as separate elements in the array
var oneCookie = individualCookies[i].split("=");
var name = oneCookie[0];
var value = oneCookie[1];
// This is standard code for removing excess white space
name = name.replace(/^'s+|'s+$/g, '');
//document.write("<ul>");
document.write("<ul>");
if (name == 'History of Boxing') {
var temp = 7;
var temp2 = temp * value;
document.write("<li class = 'special_p'>" + name + " By David
Flynn. No. of Copies: " + value + ".Total cost
=" + temp2 + "Euros</li>");
} else if (name == 'Future of Boxing') {
var temp = 8;
var temp2 = temp * value;
document.write("<li class = 'special_p'>" + name + " By
David Flynn. No. of Copies: " + value + ".Total cost =
" + temp2 + "Euros</li>");
} else if (name == 'History of TaeKwondo') {
var temp = 9;
var temp2 = temp * value;
document.write("<li class =
'special_p'>" + name + " By David Flynn. No.
of Copies: " + value + ".Total cost =
" + temp2 + "Euros</li>");
} else if (name == 'Future of TaeKwondo') {
var temp = 10;
var temp2 = temp * value;
document.write("<li class =
'special_p'>" + name + " By David Flynn. No.
of Copies: " + value + ".Total cost =
" + temp2 + "Euros</li>");
}
document.write("</ul>");
temp3 += temp2;
//document.write("Grand total = "+temp3"):
}
document.write("<p class = 'special_p'>Total bill is
" + temp3 + " Euros</p>");
//document.write("</p>");
}
你不需要表格。在这里查看我的小提琴。
.HTML
<input type="button" value="Send Email" onclick="getTotal()"/>
.JS
function getTotal() {
var mail = 'mailto:davidflynn12@hotmail.com';
mail = mail + '?subject=Subject';
mail = mail + '&body=Body';
location.href = mail;
};
使用 JavaScript,执行以下操作:
document.getElementById("Name").value = cookieValue;
当页面加载时,即
.HTML:
<body onload="setNameValue()">
JavaScript
function setNameValue(){
document.getElementById("Name").value = cookieValue;
}
希望对您有所帮助!
相关文章:
- Javascript获取具有不同id的文件数's来自没有多个属性的文件输入元素
- 访问代码生成的输入元素上的keyup事件
- 使用 jQuery,当我在输入框外部单击时,如何更改输入元素的值
- 使用jQuery切换来显示内容,但防止在用户单击输入元素时关闭
- 如何使用角度事件处理程序引用输入元素的值
- 获取javascript中输入元素的索引
- 为什么Bootstrap typeahead不适用于具有相同ID的输入元素
- 如何使用javascript在输入元素中显示特殊字符
- 动态添加的输入元素不会在脚本中返回值
- 使用 jQuery 禁用除表单中的某些输入元素之外的所有输入元素
- 将焦点设置为输入元素角度 js
- 如何仅在输入元素具有焦点时才启动 setInterval
- 即使使用 parseInt,我也无法从输入元素中获取数值
- 通过应用自定义 css 类禁用 html 输入元素
- 聚合物 - 访问自定义元素内的 DOM 输入元素
- HTML-输入元素中不可删除的占位符
- 使用jquery将属性附加到输入元素
- 如果所有其他元素都填写在AngularJS中,如何动态添加新的输入元素
- 什么是输入元素上的innerHTML
- 输入元素模式属性的Javascript正则表达式在reFiddle上有效,但在页面上无效