### 回答1：
好的，可以的。您需要使用jQuery
中的change事件来监听select
标签的值的变化，然后根据不同的值
选择要隐藏的
元素，使用jQuery
中的hide()函数来隐藏这些
元素。以下是示例代码：
```javascript
$(document).ready(function(){
$("select").change(function(){
var selectedValue = $(this).children("option:selected").val();
if(selectedValue === "value1"){
$("#element1").hide();
$("#element2").show();
} else {
$("#element1").show();
$("#element2").hide();
}
});
});
```
请注意，示例代码
中的
元素ID和选项值是根据您的具体需求进行更改的。
### 回答2：
使用 jQuery 可以根据 select
标签的值来判定其他
元素是否隐藏。下面是一段简单的代码示例：
```html
<select id="mySelect">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
<div id="element1">
元素 1
</div>
<div id="element2">
元素 2
</div>
<div id="element3">
元素 3
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
// 监听 select
标签的值改变事件
$('#mySelect').change(function() {
// 获取当前 select
标签的值
var selectedValue = $(this).val();
// 根据 select
标签的值判断要隐藏的
元素
if (selectedValue == 'option1') {
$('#element1').hide();
} else if (selectedValue == 'option2') {
$('#element2').hide();
} else if (selectedValue == 'option3') {
$('#element3').hide();
}
});
});
</script>
```
以上代码实现了当 select
标签的值改变时，根据选
中的值来判定要隐藏的
元素。每个 `<div>`
元素都有一个唯一的 id，根据选
中的选项值，使用 jQuery 的 `hide()` 方法来隐藏对应的
元素。
注意，上述代码
中引入了 jQuery 库，确保在代码
中添加正确的 jQuery 引用路径。
### 回答3：
使用jQuery可以很方便地根据select
标签的值来判断和隐藏其他
元素。以下是一个示例代码：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<
title>根据select
标签值判定
元素隐藏</
title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("select").change(function(){
var selectedValue = $(this).val(); // 获取选
中的值
if(selectedValue === "hide"){ // 如果选
中的值为"hide"
$(".hide-element").hide(); // 隐藏class为"hide-element"的
元素
} else if(selectedValue === "show"){ // 如果选
中的值为"show"
$(".hide-element").show(); // 显示class为"hide-element"的
元素
}
});
});
</script>
</head>
<body>
<select>
<option value="hide">隐藏
元素</option>
<option value="show">显示
元素</option>
</select>
<div class="hide-element">
这是要隐藏的
元素
</div>
<div class="hide-element">
这是要隐藏的另一
个元素
</div>
</body>
</html>
```
以上代码通过监听select
标签的change事件，获取选
中的值。根据选
中的值来判断隐藏还是显示其他
元素。当选
中的值为"hide"时，使用jQuery
中的hide()方法隐藏所有class为"hide-element"的
元素；当选
中的值为"show"时，使用show()方法显示所有class为"hide-element"的
元素。
179
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
