jQuery如果选择选项包含一个条目，则隐藏下拉框
jQuery如果选择选项包含一个条目，则隐藏下拉框
提问于 2016-06-04 00:59:04
如果选择选项只包含一个条目，我会尝试隐藏下拉框。(如下所示)在这种情况下，我只想隐藏第一个下拉框，而第二个框应该保持可见。
<div class="dropdown-filter-div">
<select>
<option value="">Gifts/Offers</option>
</select>
</div>
<div class="dropdown-filter-div">
<select>
<option value="">Gifts/Offers</option>
<option value="Gift">Gift</option>
<option value="Gift">Gift</option>
<option value="Gift">Gift</option>
</select>
</div>我不知道如何开始，这是我想做的。(我在有问题的页面上的不同选项卡中也有其中的两个。
if ($(".dropdown-filter-div > select > option")) contains 1 option {
$(".dropdown-filter-div > select).hide();
});编辑
http://mobilereactor.co.uk/shop/mobile-phones/apple-iphone-6s-plus-128gb-rose-gold-deals/手机版(需要一个用户代理切换器)用一个流行的移动用户代理来查看问题。
当前使用@Kim Gysen
jQuery(document).ready(function($) {
var $el = $('.dropdown-filter > select > option');
console.log($el.length);
if($el.length == 1){
$el.parent().hide();
}
}); 在jq-assets.js的末尾，但它不工作。@Kim Gysen
回答 4
Stack Overflow用户
回答已采纳
发布于 2016-06-04 01:15:22
如果我理解正确的话，您希望从div中删除整个选择列表，如果该选择列表有1个或更少的选项。为了让它正常工作，我做了以下工作：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="index.js"></script>
</head>
<body>
<div class="dropdown-filter-div">
<select>
<option value="">2</option>
<option value="">Gifts/Offers</option>
</select>
</div>
<div class="dropdown-filter-div">
<select>
<option value="">1</option>
</select>
</div>
<div class="dropdown-filter-div">
<select>
<option value="">3</option>
<option value="">Gifts/Offers</option>
<option value="">Gifts/Offers</option>
</select>
</div>
</body>
$(document).ready(function () {
var allSelects = $('.dropdown-filter-div > select');
allSelects.each(function(){
if(this.length <= 1){
$(this).hide();
}
});
});我可能把你的答案做得太过分了，但这将只选择那些小于或等于1选项的选择列表，并隐藏它们。
Stack Overflow用户
发布于 2016-06-04 01:04:34
尝试：
var $el = $('.dropdown-filter > select > option');
console.log($el.length);
if($el.length == 1){
$el.parent().hide();
}Stack Overflow用户
发布于 2016-06-04 01:10:47
if ($(".dropdown-filter-div > select > option").length == 1 ) {
$(".dropdown-filter-div > select).hide();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37619833
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号