Javascript 谷歌应用脚本JQuery表单_Javascript_Jquery_Google Apps Script

Javascript 谷歌应用脚本JQuery表单

javascript jquery google-apps-script

Javascript 谷歌应用脚本JQuery表单,javascript,jquery,google-apps-script,Javascript,Jquery,Google Apps Script,我有一个表格，我想在谷歌表单弹出。我正在使用脚本编辑器来实现这一点，但由于某些原因，这不起作用 <html> <body> <form action=""> <input id='DP' type="text" class="form-control formBlock" name="maxDP" placeholder="Max DP Amount . . ." required/><br /> <input

我有一个表格，我想在谷歌表单弹出。我正在使用脚本编辑器来实现这一点，但由于某些原因，这不起作用

  <html>
  <body>


<form action="">
 <input id='DP' type="text" class="form-control formBlock" name="maxDP"  placeholder="Max DP Amount . . ." required/><br />
 <input id='cost' type="text" class="form-control formBlock" name="cost"  placeholder="Cost . . ." required/><br />
 <input id='finFee' type="text" class="form-control formBlock" name="financeFee"  placeholder="Finance Fee . . ." required/><br />
 <input id='rqComm' type="hidden" class="form-control formBlock" name="rqComm"  placeholder="RQ Commission . . ." required/><br />
<br /><br />
Total GP: <span id="total_gp"></span>
<br />



</form>


<script>

$('input').keyup(function(){ 

    var maxDP  = Number($('#DP').val());  

    var rqComm = Number($('130').val()); 

    var cost  = Number($('#cost').val());

    var financeFee = Number($('#finFee').val());

    $('#total_gp').html(maxDP + rqComm - cost - financeFee); 
});

</script>

  </body>
</html>













全科医生：


$（'input'）.keyup（函数（）{
var maxDP=Number（$（'#DP'）.val（））；
var rqComm=Number（$（'130'）.val（））；
var成本=数字（$（'#成本'）.val（）；
var financeFee=数字（$（'#finFee'）.val（））；
$（'total_gp'）.html（maxDP+rqComm-成本-财务费）；
});

上面没有输出任何数据。从我对JS的理解来看，它应该可以在keyup上工作

这个javascript有什么问题

我能想出如何让它工作。我把JS中的一行改成了130。这是试图调用该字段，但打破了我的脚本。我在表单中添加了一个值，并修改了JS以反映这一点，现在一切都正常了。下面是我的剧本工作脚本

<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>


<input id='dpMax' type="text" class="form-control formBlock" name="bus_ticket"  placeholder="DP Max..." required/>

<input id='cost' type="text" class="form-control formBlock" name="plane_ticket"  placeholder="Cost..." required/>

<input id='fee' type="text" class="form-control formBlock" name="hotel_expenses"  placeholder="5% Fee..." required/>

<input id='rqComm' type="hidden" class="form-control formBlock" name="eating_expenses" value="130"  placeholder="RQ Commisson..." required/>
<br />
Total: <span id="total_expenses1"></span>


<br /><br />


</body>
<script>
$('input').keyup(function(){ 
var dpMax  = Number($('#dpMax').val());   
var cost = Number($('#cost').val()); 
var fee  = Number($('#fee').val());
var rqComm = Number($('#rqComm').val());

$('#total_expenses1').html(dpMax + cost + fee + rqComm); // add them and output it
document.getElementById('total_expenses2').value = dpMax + cost + fee + rqComm; });

</script>
</html>




总数：



$（'input'）.keyup（函数（）{
var dpMax=Number（$（'#dpMax'）.val（）；
var成本=数字（$（'#成本'）.val（）；
风险值费用=数字（$（“#费用”）.val（）；
var rqComm=Number（$（'#rqComm'）.val（）；
$（'#total_expenses1'）.html（dpMax+cost+fee+rqComm）；//添加它们并输出
document.getElementById（'total_expense2'）。value=dpMax+cost+fee+rqComm；}）；

jQuery库未加载。添加smth，如：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/core.js"></script>

在脚本使用jQuery之前

注意：始终检查浏览器控制台是否有错误。

我已通过修复线路解决了问题

var rqComm = Number($('130').val());

这是试图找到不存在的表单输入130

完整工作脚本

<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>


<input id='dpMax' type="text" class="form-control formBlock" name="bus_ticket"  placeholder="DP Max..." required/>

<input id='cost' type="text" class="form-control formBlock" name="plane_ticket"  placeholder="Cost..." required/>

<input id='fee' type="text" class="form-control formBlock" name="hotel_expenses"  placeholder="5% Fee..." required/>

<input id='rqComm' type="hidden" class="form-control formBlock" name="eating_expenses" value="130"  placeholder="RQ Commisson..." required/>
<br />
Total: <span id="total_expenses1"></span>


<br /><br />


</body>
<script>
$('input').keyup(function(){ 
var dpMax  = Number($('#dpMax').val());   
var cost = Number($('#cost').val()); 
var fee  = Number($('#fee').val());
var rqComm = Number($('#rqComm').val());

$('#total_expenses1').html(dpMax + cost + fee + rqComm); // add them and output it
document.getElementById('total_expenses2').value = dpMax + cost + fee + rqComm; });

</script>
</html>




总数：



$（'input'）.keyup（函数（）{
var dpMax=Number（$（'#dpMax'）.val（）；
var成本=数字（$（'#成本'）.val（）；
风险值费用=数字（$（“#费用”）.val（）；
var rqComm=Number（$（'#rqComm'）.val（）；
$（'#total_expenses1'）.html（dpMax+cost+fee+rqComm）；//添加它们并输出
document.getElementById（'total_expense2'）。value=dpMax+cost+fee+rqComm；}）；

我还向头部添加了jquery库，这也纠正了我的一些问题，多亏了其中一个答案

我尝试了你推荐的解决方案，但这对我不起作用。我还运行了调试器，没有发现任何错误。