我需要一个应用程序,其中有一个下拉菜单,其中有一些值,并且我的要求是,当我单击该下拉菜单上的任何值时,一个div将打开。我已经实现了,但是我的代码无法正常工作。到目前为止已经做了。
<div class="form-control">
<label class="lebelMergin" for="branch_branchTypeId">
<span class="spanMergin">Office Type<span class="required">*</span></span>
<s:select name="branch.branchTypeId" id="branch_branchTypeId" requiredLabel="true" list="%{dataArr['branchTypeList']}" listValue="name"
listKey="id" headerKey="" headerValue="Select Type" >
</s:select>
</label>
</div>
<div style='display:none;' id='business'>Business Name
<br/>
<br/>
<input type='text' class='text' name='business' value size='20' />
<br/>
</div>
<style>
#business {
display:none;
}
</style>
<script>
(function() {
$('#branch_branchTypeId').on('change', function () {
$("#business").css('display', (this.value == '1') ? 'block' : 'none');
});
但是当我在下拉列表中只单击一个值时,输入框就要来了,但是我想要所有值的功能。在这里,我要附加屏幕...对于HO输入框来了,但对于其他输入框不是。
您的选择(下拉)中有哪些“选项”标签?可能这会有所帮助:
$('#branch_branchTypeId').on('change', function (event) {
var vl = $(this).val();
var target = $("#business");
if (vl) {
target.show();
} else {
target.hide();
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句