如何根据计算从下拉列表中更新一个值？

Question

例如：我从保证金中得到了下拉列表，我想自动计算保费。例如，如果选择了30000的保证金，那么保费选择列表中将选择保费361.30。

<select id="sumAssured"> 
<option value="10000">10000</option> 
<option value="20000">20000</option> 
<option selected="selected" value="30000">30000</option> 
<option value="50000">50000</option> 
<option value="100000">100000</option> 
</select> 

保费361.30将在后台自动计算。

建议使用jQuery，谢谢:)

Answer 1

使用jquery更改事件。

<input type="text" id="tb" /> 

$("#sumAssured").change(function() 
{ 
     var selectedvalue = $(this).val(); 
    // do your calculation 
    $("#tb").val(selectedvalue); 
}); 

工作DEMO

Answer 2

你不需要使用jQuery为此，JavaScript的会为你做。
使用下面的脚本：

var stateVar = $('#selected option, #selected optgroup'); 
    stateVar.hide(); 
    $('#sumAssured').change(function() { 
     stateVar.hide(); 
     $("#selected optgroup[label='" + $(this).find(':selected').html() + "']") 
      .children() 
      .andSelf() 
      .show(); 
    }); 

有关详细信息与HTML也可以参考我的答案here。
如有任何问题，请让我知道。