这是用于选择选项的代码：
<div class="modal-body row">
<form role="form" action="patient/addNew" class="clearfix" method="post" enctype="multipart/form-data">
<div class="form-group col-md-6">
<label for="exampleInputEmail1"><?php echo lang('categorie'); ?></label>
<select class="form-control m-bot15" name="categorie" value='' id="p_category">
<option value="#">选择分类</option>
<?php foreach ($categories as $category) { ?>
<option value="category"<?php
if (!empty($setval)) {
if ($category->category == set_value('category')) {
echo 'selected';
}
}
if (!empty($patient->category)) {
if ($category->category == $patient->category) {
echo 'selected';
}
}
?>><?php echo $category->category; ?></option>
<?php } ?>
</select>
</div>
这是应该根据条件显示/隐藏的div部分：
<label for="exampleInputEmail1"><?php echo lang('name_Us'); ?></label>
<input type="text" class="form-control" name="name_husband" id="nameUs" placeholder="">
<label for="exampleInputEmail1"><?php echo lang('number_pre'); ?></label>
<input type="number" class="form-control" name="number_pre" id="nbreEnf" placeholder="">
</div>
以下是JavaScript代码：
$(document).ready(function () {
$('.divUs').hide();
$(document.body).on('change', '#p_category', function () {
var v = $("select.p_category option:selected").val()
if (v == 'Fe_Ence') {
$('.divUs').show();
} else {
$('.divUs').hide();
}
});
});
我希望当选择的元素为（Fe_Ence）时，该div可以显示，否则保持隐藏状态。
翻译后：
这是用于下拉选择框的代码段：
<div class="modal-body row">
<form role="form" action="patient/addNew" class="clearfix" method="post" enctype="multipart/form-data">
<div class="form-group col-md-6">
<label for="exampleInputEmail1"><?php echo lang('categorie'); ?></label>
<select class="form-control m-bot15" name="categorie" value='' id="p_category">
<option value="#">请选择分类</option>
<?php foreach ($categories as $category) { ?>
<option value="category"<?php
if (!empty($setval) && $category->category == set_value('category')) {
echo 'selected';
}
if (!empty($patient->category) && $category->category == $patient->category) {
echo 'selected';
}
?>><?php echo $category->category; ?></option>
<?php } ?>
</select>
</div>
这是需要根据条件显示或隐藏的div内容：
<label for="exampleInputEmail1"><?php echo lang('name_Us'); ?></label>
<input type="text" class="form-control" name="name_husband" id="nameUs" placeholder="">
<label for="exampleInputEmail1"><?php echo lang('number_pre'); ?></label>
<input type="number" class="form-control" name="number_pre" id="nbreEnf" placeholder="">
</div>
下面是对应的JavaScript代码，用于控制上述div的显示与隐藏：
$(document).ready(function () {
$('.divUs').hide(); // 初始化时隐藏该div
$(document.body).on('change', '#p_category', function () {
var selectedValue = $("#p_category option:selected").val(); // 获取选中的值
if (selectedValue === 'Fe_Ence') {
$('.divUs').show(); // 如果选中的是'Fe_Ence'，则显示该div
} else {
$('.divUs').hide(); // 否则，隐藏该div
}
});
});
我的目标是：当选中“Fe_Ence”这一项时，希望对应的div能够显示出来；如果选择的是其他项，则这个div应继续保持隐藏状态。