gpt4 book ai didi

Javascript 转换为 HTML 形式

转载 作者:行者123 更新时间:2023-11-30 12:21:12 24 4
gpt4 key购买 nike

您好,我正在尝试实现 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com