【问题标题】:Submit two button with different keycodes提交两个具有不同键码的按钮
【发布时间】:2019-11-06 15:33:31
【问题描述】:

当一个人点击两个按钮之一时,我有以下代码来保存他的时间戳。

他们必须在屏幕上选择他们喜欢的按钮是 A 还是 B。

function myFunction() {
  var n = Date.now();
  document.getElementById("c1").value = n;
}
<p style="text-align: center;">
  <button class="btn btn-primary btn-large" 
    onclick="myFunction()" name="offer_accepted1" value="True">&nbsp;A</button> 
  <button class="btn btn-primary btn-large"
    onclick="myFunction()" name="offer_accepted1" value="False">B</button>
</p>
<input type="hidden" name="timestamp1" value="0" />
{{ form.timestamp1.errors }}

<input type="text" id="c1" name="c1" value="0" />
{{ form.c1.errors }}

我想编写两个键来提交按钮。但是我需要每个键都是按钮之一,才能知道他们选择了哪个选项。另外,我不想丢失时间戳。有人可以帮我吗?

【问题讨论】:

  • 我给你做了一个sn-p。我将隐藏字段更改为要显示的文本
  • 你要将时间戳存储在隐藏字段timestamp中,将按钮ID存储在c1中?
  • 您好,按钮ID在按钮html中。因此,当我单击 A 底部时,我的数据库中得到一个 0,当我单击 B 底部时,我得到一个 1。我想使用不同的按键提交每个按钮。例如,如果我按下字母 S,我提交按钮 A,当我按下字母 K 时,我提交底部 B。
  • "submit" 你的表格在哪里?您可以将 formAction 添加到按钮,但如果您有表单,我发布的 javascript 将设置要发送的值
  • 嗨,实际上第一个代码发送了值。问题是按钮来自布尔形式,所以我只有一个形式。我需要用按键提交 1 按钮,用不同的按钮提交 0 按钮。您提供了一个代码,通过点击提交代码,而不是通过按键提交代码

标签: javascript html otree


【解决方案1】:

你是说这个吗?

我在字段中添加了 ID

function myFunction(but) {
  var n = Date.now();
  document.getElementById("timestamp1").value = n;
  document.getElementById("c1").value = but.value;
}
<p style="text-align: center;">
  <button class="btn btn-primary btn-large" 
    onclick="myFunction(this)" name="offer_accepted1" value="True">&nbsp;A</button> 
  <button class="btn btn-primary btn-large"
    onclick="myFunction(this)" name="offer_accepted1" value="False">B</button>
</p>
<input type="text" name="timestamp1" id="timestamp1" value="0" />
{{ form.timestamp1.errors }}

<input type="text" id="c1" name="c1" value="0" />
{{ form.c1.errors }}

【讨论】:

    猜你喜欢
    • 2011-12-13
    • 1970-01-01
    • 2018-11-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多