Javascript 基于文本框和下拉列表值计算工资
我在asp.net中工作,有一个文本框Javascript 基于文本框和下拉列表值计算工资,javascript,jquery,asp.net,visual-studio-2010,drop-down-menu,Javascript,Jquery,Asp.net,Visual Studio 2010,Drop Down Menu,我在asp.net中工作,有一个文本框txtRateOfPay和一个下拉列表ddlPayInterval。有一个用于计算年薪的标签lblSalary。下拉列表可以包含以下值:小时、周、月、年、付款期。当我在txtRateOfPay中写入1时,lblSalary必须更新为2080,如果我从ddl中选择了小时 公式是:如果从ddl中选择小时,则一周将有40小时,一年将有52周,因此年薪为2080 有人能告诉我如何使用javascript/jQuery实现这一点吗? 我希望在用户在textbox中输入
txtRateOfPay
和一个下拉列表ddlPayInterval
。有一个用于计算年薪的标签lblSalary
。下拉列表可以包含以下值:小时、周、月、年、付款期。当我在txtRateOfPay
中写入1时,lblSalary
必须更新为2080,如果我从ddl中选择了小时
公式是:如果从ddl中选择小时,则一周将有40小时,一年将有52周,因此年薪为2080
有人能告诉我如何使用javascript/jQuery实现这一点吗?
我希望在用户在textbox中输入数据时更新标签,而不是在textbox或ddl模糊时更新标签
提前感谢。首先创建一个javascript
函数
saycalculateSalary
使用document.getElementById('text/selectboxId').value
获取数据并相应地执行操作
document.getElementById('labelId')。innerHTML=calculatedValue
将帮助您在标签中存储值
调用
onkeypress上的calculateSalary函数
on文本框事件和onselect
选择框事件..您可以使用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>
函数JSFunctionName(){
document.getElementById(“”).innerHTML=document.getElementById(“”).value*document.getElementById(“”).value;
}
您可以在onkeyup中调用函数来计算工资。检查SO我需要在按键时更新标签。事实并非如此updating@asma-你在键盘上写什么?@asma-oops!!而在CalculateYearlySalary()
?函数CalculateYearlySalary(){var rateOfPay=$('#').val();document.getElementById('lblyearlysalaryMount')。innerHTML=rateOfPay;}
我需要调用ddl和textbox上的方法。您为哪一个编写了此函数?感谢在asp.net中显示我的答案的实现版本;)onkeyup工作得更好,因为onkeydown缺少最后一个字母