Question

我在asp.net工作，有一个文本框txtRateOfPay和一个下拉列表ddlPayInterval。有一个标签，其中将计算年薪lblSalary。下拉列表可以包含值：小时，周，月，年，支付期。当我在txtRateOfPay中写1时，lblSalary必须更新为2080，如果我从ddl选择小时。

公式为：如果从ddl中选择小时，则一周将有40小时，一年将有52周，因此年薪为2080。

有谁能告诉我如何使用javascript / jQuery实现这一目标？我希望用户在文本框中输入数据时更新标签，而不是文本框或ddl模糊。

提前致谢。

Answer 1

您可以onkeypress使用textbox个活动，onchange

可以使用Dropdownlist个活动

<asp:TextBox runat="server" ID="txtID" onkeypress="javascript:JSFunctionName();"></asp:TextBox> 

<asp:DropDownList runat="server" ID="ddlID" onchange="javascript:JSFunctionName();">    </asp:DropDown>


        <script type="text/javascript">
            function JSFunctionName() {
                document.getElementById('<%=lblID.ClientID %>').innerHTML = document.getElementById('<%=txtID.ClientID %>').value * document.getElementById('<%=ddlID.ClientID %>').value;
            }
        </script>

Answer 2

首先创建一个javascript function说calculateSalary

使用document.getElementById('text/selectboxId').value获取数据并相应地执行操作

document.getElementById('labelId').innerHTML = calculatedValue将帮助您在标签中存储价值

在calculateSalary function文本框事件和onkeypress选择框事件中调用onselect ..

Answer 3

您可以调用该函数来计算 onkeyup 中的薪水。检查SO post

根据文本框和下拉值计算工资

3 个答案: