自动更新文本从选择通过AJAX

Question

有谁知道如何让ajax从选择输入更新文本。 我的意思是，如果你选择（表格 - >输入）的东西，它会更新/出现在<span>或其他东西。

这是我有：

<?php 
echo '<select name="test">'; 
     for ($i=0; $i <= 20; $i++) { 
     echo '<option value="'.$i.'">'.$i.'</option>'; 
     } 
echo "</select>"; 
    ?> 

而在<script>：

<script> 
function upperCase() 
{ 
var A = document.getElementById('test').value; 
var B = document.getElementById('txtHint1').value; 

C = A * B 
document.getElementById('result').value = C; 
} 
    </script> 

而且，我想表明它：

<span id="txtHint1" onchange="upperCase()"></span> 

我希望你能理解我。