如何用javascript或jQuery更新文本字段显示?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (119)

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

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的属性“value”

提问于
用户回答回答于

点击下面的运行片段你可以使用一个选择器(我使用类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" />
用户回答回答于

只要加上id="value"<input type="text" class="form...

扫码关注云+社区

领取腾讯云代金券