当一个input填入字符后，另一个input自动填入指定字符，怎么实现?

[qq_42966617]

当一个input填入字符后，另一个input自动填入指定字符，怎么实现?
[<div class="form">
<div><span>POP:</span>
<input id="pop" readonly="readonly" type="text" name="pop" value="" >
</div>
</div>
<div class="form">
<div class="box"><span>步数:</span>
<input type="text" name="mob" value="" >
</div>
</div>
<div class="form">
<div class="box"><span>角色:</span>
<input type="text" name="show" value="" >
</div>
<div class="btn">
<input type="button" value="提交">
</div>
</div>
如上面，在第一个input填入marswlse后，自动在第二个input填入98，怎么可以实现?

[qq_42966617]

引用 2 楼 jio可 的回复:

<div class="form">
  <div><span>POP:</span>
    <input id="pop" type="text" name="pop" value="" onblur="onBlur()" placeholder="失去焦点触发">
    <input id="pop1" type="text" name="pop1" value="" oninput="onInput()" placeholder="输入触发">
  </div>
</div>
<div class="form">
  <div class="box"><span>步数:</span>
    <input id="mob" type="text" name="mob" value="">
  </div>
</div>
<div class="form">
  <div class="box"><span>角色:</span>
    <input id="show" type="text" name="show" value="">
  </div>
  <div class="btn">
    <input type="button" value="提交">
  </div>
</div>

<script>
  function $(id) {
    return document.getElementById(id)
  }

  function onBlur() {
    if ($('pop').value === 'marswlse') {
      $('mob').value = 97
    } else {
      $('mob').value = ''
    }
  }

  function onInput() {
    if ($('pop1').value === 'marswlse') {
      $('mob').value = 97
    } else {
      $('mob').value = ''
    }
  }
</script>

谢谢，完全可用

[jio可]

第一个只读怎么输入？

[jio可]

<div class="form">
  <div><span>POP:</span>
    <input id="pop" type="text" name="pop" value="" onblur="onBlur()" placeholder="失去焦点触发">
    <input id="pop1" type="text" name="pop1" value="" oninput="onInput()" placeholder="输入触发">
  </div>
</div>
<div class="form">
  <div class="box"><span>步数:</span>
    <input id="mob" type="text" name="mob" value="">
  </div>
</div>
<div class="form">
  <div class="box"><span>角色:</span>
    <input id="show" type="text" name="show" value="">
  </div>
  <div class="btn">
    <input type="button" value="提交">
  </div>
</div>

<script>
  function $(id) {
    return document.getElementById(id)
  }

  function onBlur() {
    if ($('pop').value === 'marswlse') {
      $('mob').value = 97
    } else {
      $('mob').value = ''
    }
  }

  function onInput() {
    if ($('pop1').value === 'marswlse') {
      $('mob').value = 97
    } else {
      $('mob').value = ''
    }
  }
</script>

[看到这些问题脑袋疼]

监听，input失去焦点时判断。

[看到这些问题脑袋疼]

监听，input失去焦点时判断。