Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript自动填充表单字段_Javascript_Html_Forms - Fatal编程技术网

使用javascript自动填充表单字段

使用javascript自动填充表单字段,javascript,html,forms,Javascript,Html,Forms,很抱歉出现这样一个noob问题-我浏览了很多帖子后没有找到解决方案,我甚至不知道该问什么问题-我正在尝试将“sunits”输入字段自动填充为“bunits”输入的值,除非更改。我勉强为一些朋友拼凑了这个,并为糟糕的风格和其他一切道歉。以下代码亦为网页: 购买: #购买单位: 单位成本: 间接费用: 销售: #待售单位: 售价(每个美元): 频率: 一旦 周 月份(31天) 年 Javascript“ var bunits、cunits、cxb、cxbship、btotal

很抱歉出现这样一个noob问题-我浏览了很多帖子后没有找到解决方案,我甚至不知道该问什么问题-我正在尝试将“sunits”输入字段自动填充为“bunits”输入的值,除非更改。我勉强为一些朋友拼凑了这个,并为糟糕的风格和其他一切道歉。以下代码亦为网页:


购买:
#购买单位:

单位成本:

间接费用:

销售: #待售单位:

售价(每个美元):

频率: 一旦 周 月份(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;
}
}