- demystifying-javascript-variable-scope-hoisting
- debugging code
- <html>
<head>
<script>
function abc(temp)
{
var x = document.getElementById("cmbMS");
var k=0;
if(temp==rbtnMale)
{
for (var i=0; i<x.length; i++){
if (x.options[i].value == 'widow' )
x.remove(i);
if(x.options[i].value=='widower')
k=1;
}//for
if(k!=1)
{
var option = document.createElement("option");
option.text = "widower";
x.add(option);
}
}//if
else
{
for (var i=0; i<x.length; i++){
if (x.options[i].value == 'widower' )
x.remove(i);
if(x.options[i].value=='widow')
k=1;
}//for
if(k!=1)
{
var option = document.createElement("option");
option.text = "widow";
x.add(option);
}
}//else
} //abc()
/*
if opposite present then remove it
if not present then add
*/
</script>
</head>
<body>
<form>
gender<input type="radio" id="rbtnMale" name="gender" value="male" onClick="abc(this)">male
<input type="radio" id="rbtnFemale" name="gender" value="female" onClick="abc(this)">female
<select id="cmbMS" >
<option value="neverMarried" selected>Never Married</option>
<option value="divorcee">Divorcee</option>
<option value="married">Married</option>
<option value="havingchildren">Having Children</option>
</select>
</form>
</body>
</html>
Friday, January 5, 2018
javascript
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment