javascript - 使用另一个文本框js自动填充文本框

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 6 年前。

Improve this question

是否可以使用我的第一个文本框自动填充第二个字段？我想要的是，如果我输入数字 1，第二个字段的值将等于我的输入。我在互联网上找不到简单的例子，这对我来说非常复杂。

• 1 = ruby
• 2 = 金币
• 3 = 钻石

代码

<input type="number" class="form-control" name="section_number" placeholder="Enter Section Number">

<input type="text" class="form-control" name="section_name">

Answer 1

如果我理解这个问题，是的，您可以使用 JS 监视 input 字段，将您想要匹配的 #'s/words 分配为对象中的键/值对，然后在何时有人输入某些内容，看看它是否与对象中的匹配键。如果存在匹配，则在文本框中显示键的值。

这是一种使用 jquery 的方法。

var obj = {
  1:'ruby',
  2:'gold',
  3:'diamond'
}

$('#num').on('keyup',function() {
  var key = $(this).val(),
      result = obj[key],
      $text = $('#text')
  if (result != undefined) {
    $text.val(result);
  } else {
    $text.val('');
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="num" class="form-control" name="section_number" placeholder="Enter Section Number">
<input type="text" id="text" class="form-control" name="section_name">