Question

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

1 = ruby
2 =金
3 =钻石

CODE

<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 /字分配为对象中的键/值对，当有人输入内容时，查看它是否是对象中的匹配键。如果匹配，则在文本框中显示密钥的值。

这是使用jquery的一种方式。

＆＃13;

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('');
  }
})

＆＃13;

<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">

＆＃13;

使用其他文本框js自动填充文本框

1 个答案: