機能は、2つの変数

Question

に基づいた結果、私は2つのフォーム入力を持っているが表示されます。例えば

：

If inputA is 1 and inputB is 1, showUser "Alpha" 
If inputA is 1 and inputB is 2, showUser "Beta" 
If inputA is 1 and inputB is 3, showUser "Gamma" 
If inputA is 2 and inputB is 1, showUser "Delta" 
If inputA is 2 and inputB is 2, showUser "Epsilon" 
If inputA is 2 and inputB is 3, showUser "Zeta" 
If inputA is 3 and inputB is 1, showUser "Eta" 
If inputA is 3 and inputB is 2, showUser "Thea" 
If inputA is 3 and inputB is 3, showUser "Iota" 

Answer 1

var $a = $('#inputA'); 
 
var $b = $('#inputB'); 
 
var output = $('span'); 
 
var names = 'Alpha,Beta,Gamma,Delta,Epsilon,Zeta,Eta,Thea,Iota'.split(','); 
 

 
$('select').on('change', function() { 
 
    var a = parseInt($a.val(), 10); 
 
    var b = parseInt($b.val(), 10); 
 
    output.text(names[(a - 1) * 3 + b - 1]); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="inputA"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select> 
 

 
<select id="inputB"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select> 
 

 
<p>Your name is <span class="showUser"></span></p>

Answer 2

$(".input").on('change',function(){ 
 
    var val1='', val2='',id=$(this).attr("id"); 
 
    var arr=["Alpha","Beta","Gamma","Delta","Epsilon","Zeta","Eta","Thea","Iota"]; 
 
    if(id=="inputA"){ 
 
     val1= $(this).val(); 
 
     val2= $('#inputB option:selected').val(); 
 
    } 
 
    else{ 
 
    val1= $('#inputA option:selected').val(); 
 
    val2= $(this).val(); 
 
    } 
 
    $(".showUser").html(arr[((Number(val1) - 1) * 3 + Number(val2))-1]); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="input" id="inputA"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select> 
 
<select class="input" id="inputB"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select> 
 
<p>Your number is <span class="showUser"></span></p>