使用表单输入中的咖啡脚本编辑保存的值
Editing a saved value with coffeescript from form input
我正在尝试根据用户输入的内容编辑页面上的数字,但我无法使其完全正常工作。每次我让它的一部分工作时,另一部分就会断裂......
我有一个表单输入字段,如下所示:
<input id="timecard_hours" type="number" placeholder="8"/>
在它下面,我有一些东西显示他们已经拥有的小时数(我在这里将其硬编码为 5,但这通常是从数据库中获取的数字):
<div class="row">
<h1 class="center" id="new_timecard_hours">5</h1>
<p class="center">hours so far this week</p>
</div>
我试图做的是获取它,以便当用户在输入字段中键入数字时,该数字将被添加到页面底部已经显示的小时数中。我还希望这样,如果他们决定改变主意(在提交表单之前)并返回输入字段更改数字,新数字将被添加到旧的"new_timecard_hours"而不是他们已经添加的新数字。
到目前为止,我的咖啡脚本是这样的:
$ ->
$('#timecard_hours').focus ->
@previousHoursValue = +($('#timecard_hours').val())
$('#timecard_hours').bind "keyup", ->
newHours = +($('#timecard_hours').val())
totalHours = +($('#new_timecard_hours').val()) + newHours - @previousHoursValue
$('#new_timecard_hours').html(totalHours)
但这并不是将其添加到"new_timecard_hours"中,它只是替换它。关于我该如何做到这一点的任何想法?
在这个问题上花费了几个小时时,我发现了一些东西,表明我以某种方式用 .data 保存了"new_timecard_hours",然后将其添加到输入字段值中......我真的不明白,想出了这样的东西:
oldHours = $('#new_timecard_hours').data($('#new_timecard_hours').text())
但这似乎并没有真正起到任何作用...
任何想法或帮助将不胜感激!
好的,所以如果其他人有类似的问题,我找到了解决方案......在咖啡脚本中,托托尔时间应该是;
totalHours = +($('#new_timecard_hours').text()) + newHours - @previousHours
因为new_timecard_hours是从数据库中获取的,所以不是 .val(如果我没记错的话,它仅来自表单输入)。
相关文章:
- Rad网格编辑模式通过选中复选框时的java脚本启用禁用所需的字段验证器
- Jquery脚本未在运行时加载编辑:意外的令牌
- 我可以在谷歌脚本编辑器(谷歌应用程序脚本)中调试JavaScript代码吗
- 使用表单输入中的咖啡脚本编辑保存的值
- 检查日期并使用谷歌脚本编辑谷歌表格中的相邻单元格
- 如何使用 JavaScript 实现自动化登录到脚本编辑器中的消息窗口
- 谷歌表单 + 应用程序脚本编辑
- 通过 PHP 脚本编辑会话
- 从SharePoint 2013脚本编辑器调用外部javascript文件函数
- 从脚本编辑表的innerHTML
- MS Dynamics CRM 2012:脚本编辑器增强
- 任何方法,使一个触发器或按钮,让用户按下和运行,而不是去脚本编辑器
- 我如何访问在谷歌脚本编辑器之外定义的函数
- Java脚本编辑器或linux的IDE
- 谷歌脚本编辑器
- 谷歌脚本编辑触发器
- 如何使用脚本编辑器和JavaScript访问Chrome活动选项卡URL
- 我可以在哪里下载独立的微软脚本编辑器
- 如何在SharePoint的脚本编辑器中调试我们编写的javascript
- 我如何在谷歌表单脚本编辑器中设置var主题,以返回表单/工作表中指定字段的值