自动填充隐藏表单字段与返回值从javascript
Auto populate hidden form field with return value from javascript
我需要用java脚本函数返回的值填充一个隐藏的表单字段,我不确定如何这样做。我是JavaScript新手。非常感谢你的帮助。我需要totalprice在飞行中填充,如果不是一个隐藏的表单字段和文本表单字段也将工作。
thanks a million
<html>
<head>
<script type = "text/javascript">
var allprices = [];
var index = 0;
function chkrads(frmName,rbGroupName) {
var chosen = "";
var radios = document[frmName].elements[rbGroupName];
for (var i=0; i <radios.length; i++) {
if (radios[i].checked || radios[i].selected) {
chosen = radios[i].value;
}
}
if (chosen == 0) {printprice = 0}
if (chosen == 35) {printprice = 35}
if (chosen == 36) {printprice = 35}
if (chosen == 29.95) {printprice = 29.95}
if (chosen == 34.95) {printprice = 34.95}
if (chosen == 39.45) {printprice = 39.45}
if (chosen == 44.45) {printprice = 44.45}
if (chosen == 49.95) {printprice = 49.95}
if (chosen == 64.45) {printprice = 64.45}
if (chosen == 74.85) {printprice = 74.85}
if (chosen == 89.85) {printprice = 89.85}
if (chosen == 94.40) {printprice = 94.40}
if (chosen == 99.40) {printprice = 99.40}
if (chosen == 104.85) {printprice = 104.85}
if (chosen == 179.70) {printprice = 179.70}
if (chosen == 209.70) {printprice = 209.70}
if (chosen == 299.50) {printprice = 299.50}
if (chosen == 329.45) {printprice = 329.45}
if (chosen == 349.50) {printprice = 349.50}
if (rbGroupName == "size") {index = 0}
if (rbGroupName == "colour") {index = 1}
if (rbGroupName == "frame") {index = 2}
if (rbGroupName == "glass") {index = 3}
if (rbGroupName == "hook") {index = 4}
if (rbGroupName == "delivery") {index = 5}
allprices[index] = printprice;
var totalprice = 0;
for (var i =0; i <allprices.length; i++) {
if (!isNaN(allprices[i])) {
totalprice = totalprice + allprices[i];
}
}
document.getElementById("result").style.display = "block";
document.getElementById("result").innerHTML = totalprice;
}
</script>
</head>
<body>
<form name= "myform" style="font-size:11px; font-family:Arial, Helvetica, sans-serif;">
Initial Billing:
<select name = "size" onchange = "chkrads('myform', 'size')">
<option></option>
<option value='29.95'>1 mo 29.95</option>
<option value='34.95'>1 mo 34.95</option>
<option value='39.45'>1 mo sh 39.45</option>
<option value='49.95'>ACT Only 49.95</option>
<option value='64.45'>ACT+SH 64.45</option>
<option value='94.40'>Monthly 94.40</option>
<option value='99.40'>Monthly 99.40</option>
<option value='74.85'>Qtrly 74.85</option>
<option value='89.85'>Qtrly 89.85</option>
<option value='104.85'>Qtrly 104.85</option>
<option value='179.70'>Semi 179.70</option>
<option value='209.70'>Semi 209.70</option>
<option value='299.50'>Annual 299.50</option>
<option value='329.45'>Annual 329.45</option>
<option value='349.50'>Annual 349.50</option>
<option value='49.45'>Mobile Monthly 49.45</option>
<option value='119.85'>Mobile Qtrly 119.85</option>
<option value='239.70'>Mobile Semi 239.70</option>
<option value='439.45'>Mobile Annual 439.45</option>
</select>
<input type= "hidden" name = "colour" value = "0">
Lockbox: <input type = "checkbox" name = "colour" value = "36" onclick = "chkrads('myform', 'colour')">
<input type= "hidden" name = "frame" value = "0">
Second button: <input type = "checkbox" name = "frame" value = "35" onclick = "chkrads('myform', 'frame')">
</form>
<div id="result" style="display:none;"><strong></strong> <span id="totalprice"></span> </div>
</body>
</html>
您可以像填充可见文本框一样填充隐藏输入字段。即通过设置其值。
您需要访问元素才能更改值。最简单的方法是为隐藏元素提供一个'id'。
<input id="frameHidden" type= "hidden" name = "frame" value = "0">
:
document.getElementById("frameHidden").value = "myVal";
您的代码没有说明隐藏的名称为totalprice的输入字段。取而代之的是一个span标签,id为totalprice。如果你想把你的东西放在那里,textContent是一种方法。https://developer.mozilla.org/en-US/docs/DOM/Node.textContent
此外,如果您使用选项值的信息而不是重复信息,则会更优雅。相关文章:
- Javascript返回值只在循环中返回一次
- Javascript中带有返回值的嵌套函数
- JavaScript生成器中收益率返回值的解析
- HTML如何根据javascript函数的返回值限制文本输入
- 使用在函数外部声明的变量的 Javascript 返回值 + undefined
- 如何在Android中将Javascript返回值转换为String
- PHP 函数不会向 JavaScript 变量返回值
- 单击按钮时,使用Javascript调用并返回值
- 使用Javascript数组或JSON来存储AJAX请求的返回值,以备将来使用
- Javascript只返回键,不返回值
- 从php返回值到javascript
- Scala提升了如何运行javascript函数并将返回值存储在变量中
- Javascript 意外返回值,带有特定的缩进
- 如何在 Python 中获取此 JavaScript 函数的返回值
- 并非所有代码路径都返回值 (JavaScript)
- 难以分割数组并从其中返回值;Javascript
- 从嵌套函数返回值(Javascript)
- 为什么我得到逗号在我的返回值?JavaScript名人姓名揭示器
- 为什么我没有得到返回值JavaScript
- google maps -从嵌套函数返回值- JavaScript