gpt4 book ai didi

javascript - 在文档就绪时隐藏除 1 个 dif 之外的所有 dif,并在 "change"之后取消隐藏 div

转载 作者:太空宇宙 更新时间:2023-11-04 11:55:07 24 4
gpt4 key购买 nike

我正在创建一个业务选项表单(我知道粗略的描述,但这里是)。我希望弹出的第一个 select 是选择实体类型(即:Corporation、LLC、LLP 等)。选择其中一个后,我想.show() 下一个form。到目前为止,这是我尝试过的:

HTML 文件

<head>
<link rel="stylesheet" type="text/css" href="hide.css">
<script src="//code.jquery.com/jquery-1.10.2.js">
function getEntityType(sel) {
var openingEntityType = sel.value;
$("#basicOpeningEntityInformation").show();
}
</script>
</head>

<body>
<select id="oet" onchange="getEntityType(this)">
<option value="">Select an Option</option>
<option value="inc">Corporation</option>
<option value="llc">Limited Liability Company</option>
<option value="llp">Limited Liability Partnership</option>
<option value="lp">Limited Partnership</option>
<option value="gp">General Partnership</option>
<option value="jv">Joint Venture</option>
<option value="dba">Sole Proprietorship</option>
</select>
<br/>
<br/>
<form id="basicOpeningEntityInformation">
Entity Name:
<input type="text" id="openingEntityName">
<br/>
</form>
</body>

CSS 文件:

#basicOpeningEntityInformation {
display: none;
}

当页面加载时,#basicOpeningEntityInformation 被隐藏。当选择上面的 select 时,我希望它取消隐藏。我测试了我的控制台,select 将它的 value 按原样传递给 var openingEntityType;但是,它并没有使其他形式可见。我对 .basicOpeningEntityInformation#basicOpeningEntityInformation 都感到厌倦,但似乎都不起作用(在 CSSScript 中) .

谢谢!

最佳答案

您需要检查所选值是否为所需值之一:

$('#oet').on('change', function() {
var selectedItem = $(this).val();
if (selectedItem == 'inc' || selectedItem == 'llc' || selectedItem == 'llp') {
$('#basicOpeningEntityInformation').show();
} else {
$('#basicOpeningEntityInformation').hide();
}
});

演示:https://jsfiddle.net/tusharj/L4b0wpts/1/

关于javascript - 在文档就绪时隐藏除 1 个 dif 之外的所有 dif,并在 "change"之后取消隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30318589/

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