使用javascript自动填充表单字段
很抱歉出现这样一个noob问题-我浏览了很多帖子后没有找到解决方案,我甚至不知道该问什么问题-我正在尝试将“sunits”输入字段自动填充为“bunits”输入的值,除非更改。我勉强为一些朋友拼凑了这个,并为糟糕的风格和其他一切道歉。以下代码亦为网页:使用javascript自动填充表单字段,javascript,html,forms,Javascript,Html,Forms,很抱歉出现这样一个noob问题-我浏览了很多帖子后没有找到解决方案,我甚至不知道该问什么问题-我正在尝试将“sunits”输入字段自动填充为“bunits”输入的值,除非更改。我勉强为一些朋友拼凑了这个,并为糟糕的风格和其他一切道歉。以下代码亦为网页: 购买: #购买单位: 单位成本: 间接费用: 销售: #待售单位: 售价(每个美元): 频率: 一旦 周 月份(31天) 年 Javascript“ var bunits、cunits、cxb、cxbship、btotal
购买:
#购买单位:
单位成本:
间接费用:
销售:
#待售单位:
售价(每个美元):
频率:
一旦
周
月份(31天)
年
Javascript“
var bunits、cunits、cxb、cxbship、btotal、sunits、sfreq、sprice、net、profit;
函数更新(){
var bunits=document.getElementById('bunits').value;
var cunits=document.getElementById('cunits').value;
var cunits=parseFloat(cunits).toFixed(2);
var cxbship=document.getElementById('cxbship').value;
var cxbship=parseFloat(cxbship).toFixed(2);
var cxb=bunits*cunits;
var cxb=parseFloat(cxb).toFixed(2);
var btotal=parseFloat(cxb)+parseFloat(cxbship);
var btotal=parseFloat(btotal).toFixed(2);
var sunits=document.getElementById('sunits').value;
var sprice=document.getElementById('sprice').value;
var sprice=parseFloat(sprice).toFixed(2);
var sfreq=document.getElementById('sfreq')。值;
var sunitxp=sunits*sprice;
var sunitxp=parseFloat(sunitxp).toFixed(2);
var salesxdays=sunitxp*sfreq;
var salesxdays=parseFloat(salesxdays).toFixed(2);
//在结果窗口中填充数字
如果(bunits>0){
document.getElementById('bunitsspan').innerHTML=“购买”+bunits+“单位”;
document.getElementById('sunits')。value=bunits;
}
如果(cunits>0){
document.getElementById('costspan').innerHTML=“at$”+cunits+“每单位”;
}
如果(cxb>0){
document.getElementById('cxbspan')。innerHTML=“小计:$”+cxb;
}
如果(CxB芯片>0){
document.getElementById('cxbshipspan').innerHTML=“开销:”+cxbship;
}
如果(b总计>0){
document.getElementById('subtotalspan')。innerHTML=“总计:$”+btotal+”;
}
//在结果跨度中填充收入
如果(sunits>0){
document.getElementById('sunitsspan').innerHTML=“销售”+sunits+“单位”;
}
如果(精灵>0){
document.getElementById('sellcostspan').innerHTML=“for$”+sprice+“each”;
}
如果(sunitxp>0){
document.getElementById('sunitxpspan')。innerHTML=“小计:$”+sunitxp;
}
如果(sfreq>0){
如果((sfreq==1)和&(sprice>0)){
document.getElementById('sellfreqspan').innerHTML=“所有单位”;
}否则如果(sfreq==7){
document.getElementById('sellfreqspan').innerHTML=“一周内每天”;
}否则如果(sfreq==31){
document.getElementById('sellfreqspan').innerHTML=“一个月内每天”;
}否则如果(sfreq==365){
document.getElementById('sellfreqspan').innerHTML=“一年中的每一天”;
}
}
如果(salesxdays>0){
document.getElementById('salesxdays')。innerHTML=“总计:$”+salesxdays;
}
}
<div id="buyformdiv" class="fluid ">
<span id="pickingupspan" class="actionspan">Buying:</span>
<p># units to be bought:
<input id="bunits" type="number" step="1" onchange="update()"></p>
<p>
Cost per unit :
<input id="cunits" type="number" step="0.01" onchange="update()"></p>
<p>
Overhead :
<input id="cxbship" type="number" step="0.01" onchange="update()"></p>
</div>
<div id="sellformdiv" class="fluid ">
<span id="gettingridspan" class="actionspan">Selling:</span>
<p># units to be sold:
<input id="sunits" type="number" step="1" onchange="update()"></p>
<p>
selling for ($ each) :
<input id="sprice" type="number" step="0.01" onchange="update()"></p>
<p>
Frequency :
<select id="sfreq" onchange="update()">
<option value="1">Once</option>
<option value="7">Week</option>
<option value="31">Month (31 days)</option>
<option value="365">Year</option>
</select>
</p>
</div>
var bunits, cunits, cxb, cxbship, btotal, sunits, sfreq, sprice, net, profit;
function update() {
var bunits = document.getElementById('bunits').value;
var cunits = document.getElementById('cunits').value;
var cunits = parseFloat(cunits).toFixed(2);
var cxbship = document.getElementById('cxbship').value;
var cxbship = parseFloat(cxbship).toFixed(2);
var cxb = bunits * cunits;
var cxb = parseFloat(cxb).toFixed(2);
var btotal = parseFloat(cxb) + parseFloat(cxbship);
var btotal = parseFloat(btotal).toFixed(2);
var sunits = document.getElementById('sunits').value;
var sprice = document.getElementById('sprice').value;
var sprice = parseFloat(sprice).toFixed(2);
var sfreq = document.getElementById('sfreq').value;
var sunitxp = sunits * sprice;
var sunitxp = parseFloat(sunitxp).toFixed(2);
var salesxdays = sunitxp * sfreq;
var salesxdays = parseFloat(salesxdays).toFixed(2);
//populate numbers in results window
if (bunits > 0) {
document.getElementById('bunitsspan').innerHTML = "Buying " + bunits + " units";
document.getElementById('sunits').value = bunits;
}
if (cunits > 0) {
document.getElementById('costspan').innerHTML = "at $" + cunits + " per unit";
}
if (cxb > 0) {
document.getElementById('cxbspan').innerHTML = "Subtotal: $" + cxb;
}
if (cxbship > 0) {
document.getElementById('cxbshipspan').innerHTML = "Overhead: " + cxbship;
}
if (btotal > 0) {
document.getElementById('subtotalspan').innerHTML = "<b>Total: $" + btotal + "</b>";
}
//populate income in results span
if (sunits > 0) {
document.getElementById('sunitsspan').innerHTML = "Selling " + sunits + " units";
}
if (sprice > 0) {
document.getElementById('sellcostspan').innerHTML = "for $" + sprice + " each";
}
if (sunitxp > 0) {
document.getElementById('sunitxpspan').innerHTML = "Subtotal: $" + sunitxp;
}
if (sfreq > 0 ) {
if ((sfreq == 1) && (sprice > 0)){
document.getElementById('sellfreqspan').innerHTML = "all units";
} else if (sfreq == 7) {
document.getElementById('sellfreqspan').innerHTML = "every day for a week";
} else if (sfreq == 31) {
document.getElementById('sellfreqspan').innerHTML = "every day for a month";
} else if (sfreq == 365) {
document.getElementById('sellfreqspan').innerHTML = "every day for a year";
}
}
if (salesxdays > 0) {
document.getElementById('salesxdays').innerHTML = "Total: $" + salesxdays;
}
}