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

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，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 的更多详细信息，您也可以在此处参考我的回答。
如有任何疑问，请告诉我。

Answer 2

使用 jquery 更改事件。

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

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

工作演示