选择Dropdownlist选项时在文本框上显示值

时间:2015-12-25 13:24:27

标签: javascript jsp

我想根据Combobox的选择在文本框中显示一个值..我的代码在

下面



<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Account Open Page</title>

<script type="text/javascript">
function selectvalue(acct)
{
	var savingamt=1000;
	var currentamt=500;
	var selectedText = acct.options[acct.selectedIndex].innerHTML;
    var selectedValue = acct.value;
   
   
    if (current) {    	 
    	 alert("Account Type is  " + selectedText + "  and " + selectedValue);
    	document.getElementById("depositamt").value = currentamt;
    } else if (saving) {
    	alert("Account Type is  " + selectedText + "  and " + selectedValue);
    	document.getElementById("depositamt").value = savingamt;
    } 
   
}


</script>
</head>
<body>


<form name="frmAccount" action="com.bank.Handler.RegHandler" method="post">
<table>


<tr>
<td>Account Type</td>
<td>
<select name="cmbacttype" id="acct" onchange="selectvalue(this)">
<option value="">---Select Account Type---</option>
<option value="Deposit Amount Should be minimum 1000 Rupee" id="saving">Saving Account</option>
<option value="Deposit Amount Should be minimum 500 Rupee" id="current">Current Account</option>
</select>
</tr>

<tr>
<td>Deposit Amount</td>
<td><input type="text" name="deposit" id="depositamt"></td>
</tr>

<tr>
<td>Enter Amount</td>
<td><input type="text" name="amount" id="amount"></td>
</tr>


<tr>
<td>Total Amount</td>
<td><input type="text" name="totalamount" id="totalamount"></td>
</tr>



<tr>
<td><input type="submit" value="SUBMIT"></td>
</tr>

</table>

</form>
</body>
</html>
&#13;
&#13;
&#13;

从上面的代码中,选择保存帐户1000的值应显示在存款金额文本框中,并且在选择当前帐户时,它应显示500值。 在javascript代码中,它只显示当前的值,但是如果我选择保存帐户它没有做任何事情......我们如何在选择保存帐户选项时显示储蓄帐户值?

1 个答案:

答案 0 :(得分:0)

您在if条件中使用变量current。我不知道你在哪里得到current的价值。看起来很缺少。如果在if条件中访问该行之前添加此行,它将起作用。

var current = selectedText==="Current Account"; 
if (current) {  
}
else {
}

表达式selectedText==="Current Account"将根据selectedText变量的值返回true或false,您现在可以在if条件中使用current。

Here是一个工作样本。