您好,我正在尝试实现 HTML 表单。 假设它有 4 个字段 - 姓名、年龄、城市(下拉列表 - 包含 A、B、C、D)和地区。 我希望区域字段仅在所选城市为 A 或 B 时出现,如果城市更改为 C 和 D 则消失。有人可以帮忙编写 JS/Jquery 代码吗?
JsFiddle :
<!DOCTYPE HTML>
<html>
<head>
<title>BEAT | Login</title>
<link rel="shortcut icon" href="images/favi.ico">
</head>
<body>
<div id="login">
<form>
Name: <input type="text"></input>
<br/>
Age: <input type="text"></input>
<br/>
State: <select>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
<br/>
Region: <select>
<option value="north">North</option>
<option value="south">South</option>
</select>
</form>
</div>
</body>
</html>
最佳答案
Updated Fiddle ...
$('#region').css('display','none');
$('#state').on('change', function() {
var state= $('#state').val();
if(state=="A"||state=="B"){
$('#region').css('display','block');
}else{
$('#region').css('display','none');
}
});
试试这个..
关于Javascript 转换为 HTML 形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30999945/