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

时间:2013-04-09 08:57:57

标签: jquery html

例如:我得到了保证的下拉列表,我想自动计算保费。例如,如果选择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,谢谢:)

2 个答案:

答案 0 :(得分:0)

你不需要为此使用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
如有任何疑问,请与我们联系。

答案 1 :(得分:0)

使用jquery change事件。

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

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

工作DEMO