javascript - 筛选
问题描述
解决方案
您可以使用each
循环遍历选项,并根据此或选项检查选择框的值是否与car
选择框相同。country
show()
hide()
演示代码:
$(function() {
$('#Country_Select').on('change', function() {
var val = this.value;
$('#Cars_Select option').each(function() {
//checking value of opton in cars selct is same
if ($(this).val() == val) {
$(this).show(); //show it
} else {
$(this).hide(); //hide other
}
})
})
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
// Country select
<select id="Country_Select" class="form-control">
<option selected="true" disabled="false">Choose Country</option>
<option value="0001">France</option>
<option value="8ebd9ec1-b121-44e9-a530-42f227359913">Germany</option>
<option value="4dda2683-83c6-48c8-af9b-0a96991b7c8b">New Zealand</option>
</select>
// Cars
<select id="Cars_Select" class="form-control">
<option selected="true" disabled="false">Choose Cars</option>
<option value="0001">Renauld</option>
<option value="0001">Mini</option>
<option value="0001">Paris</option>
<option value="8ebd9ec1-b121-44e9-a530-42f227359913">BMW</option>
<option value="8ebd9ec1-b121-44e9-a530-42f227359913">Audi</option>
<option value="8ebd9ec1-b121-44e9-a530-42f227359913">Mercedes</option>
<option value="8ebd9ec1-b121-44e9-a530-42f227359913">Benz</option>
<option value="4dda2683-83c6-48c8-af9b-0a96991b7c8b">Kiwi Auto</option>
</select>
推荐阅读
- flutter - 测验结束后显示消息时出错,颤抖
- c++ - 如何交叉编译 C++ 文件
- swiftui - 图像周围的 VStack 间距,但不在文本周围
- javascript - 移动设备上剑道图表的滚动问题
- java - 从资源中读取json文件并将其转换为JAVA中的json字符串
- amazon-cloudformation - 根据另一个参数分配 `AllowedValues`
- c++ - 在 Torch C++ API 中,如何快速写入张量的内部数据?
- mamp - Mac OS Catalina 中的 MAMP 5.5 安装失败
- postman - 如何在 Postman 中标记测试
- css - z-index 在动画容器的子元素上被忽略