自動更新文本從選擇通過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> 

我希望你能理解我。