Question

我有两个按钮和一个文本字段。我想在每次按下按钮时使用按钮的值更新文本字段的显示。

function displayTextfield() { 
  var amount;
  amount = document.getElementById('btn').value;
  document.getElementById('other-amount') = amount;
}

<button class="btn btn-default" id="btn" onclick='displayTextfield()' role="button" value="A">A</button>
<button class="btn btn-default" id="btn" onclick='displayTextfield()' role="button" value="B">B</button>
<input type="text" class="form-control donation-amount-input" placeholder="Other Amount" id="other-amount" onclick='displayTextfield()'/>

运行时，单击按钮会收到错误消息：

未捕获的TypeError：无法读取null的属性“值”

Answer 1

只需将id="value"添加到<input type="text" class="form...

Answer 2

下面的点击运行摘要您可以使用选择器（我使用btn类）来定位您感兴趣的按钮。然后利用$（this）获取被单击按钮的值

$('.btn').click(function() {
  $('#other-amount').val($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <button class="btn btn-default" role="button" value="A">A</button>
    <button class="btn btn-default" role="button" value="B">B</button>
    <input type="text" class="form-control donation-amount-input" placeholder="Other Amount" id="other-amount" />

使用javascript或jQuery更新文本字段显示

2 个答案: