別のテキストボックスを使用してテキストボックスを自動入力するjs

Question

最初のテキストボックスを使用して2番目のフィールドを自動入力することはできますか？私が望むのは、数字1を入力すると、2番目のフィールドの値が自分の入力と同じになります。私はインターネットで簡単な例を見つけることができません。

• 1 =ルビー
• 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

私は質問を理解していた場合は、はい、あなたは監視することができますinputフィールドにJSを入力し、一致する＃/単語をキーと値のペアとしてnオブジェクトを作成し、誰かが何かを入力したときに、それがオブジェクトの一致するキーであるかどうかを確認します。一致するものがあれば、テキストボックスにキーの値を表示します。

ここでは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">