如何在单选选择的jquery上隐藏搜索？答案

【问题标题】：How to hide search on single select chosen jquery?如何在单选选择的jquery上隐藏搜索？
【发布时间】：2015-09-28 04:04:22
【问题描述】：

我在 http://harvesthq.github.io/chosen/ 阅读了所选的 jquery。好的，我想“隐藏单选搜索”作为相同的示例（上面的guthub/chosen示例），例如FLAG=false隐藏它们。我该怎么做？

var data = [{
    "BU_ID": "B01",
        "BU_NAME": "Agro Feed",
        "BU_DES": "Agro Feed",
        "EDIT_DATE": "2015-05-05T00:00:00",
        "EDIT_BY": "",
        "FLAG": true
}, {
    "BU_ID": "B02",
        "BU_NAME": "Agro Farm",
        "BU_DES": "Agro Farm",
        "EDIT_DATE": "2015-05-05T00:00:00",
        "EDIT_BY": "",
        "FLAG": false
},{
    "BU_ID": "B03",
        "BU_NAME": "Agro Food",
        "BU_DES": "Agro Food",
        "EDIT_DATE": "2015-05-05T00:00:00",
        "EDIT_BY": "",
        "FLAG": true
}
           ];

$("#cb_info").empty();
$.each(data, function (idx, obj) {
    $("#cb_info").append('<option value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>');
}); 
$("#cb_info").chosen({ width: "auto" });
$("#cb_info").trigger("chosen:updated");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/chosen/1.0/chosen.css" rel="stylesheet"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/chosen/1.0/chosen.jquery.js"></script>
<select id="cb_info"></select>

谢谢大家。

【问题讨论】：

不太清楚.. 你能详细说明一下hide search on single select 吗？
你想隐藏Flag:false的选项吗？
亲爱的@MKA，正如你所说。
jsfiddle.net/RA8ej/166
亲爱的@MKA，如果作为你的链接，我知道，但是在这里，我想显示所有（3 个选项：2 个显示和 1 个隐藏）作为 github 中的相同示例（示例“隐藏单选搜索")。谢谢

标签： javascript jquery html select jquery-chosen

【解决方案1】：

你的问题不是很清楚。但是，如果您想要禁用带有 FLAG:false 的项目，那么只需为这些选项指定 disabled 属性。

var data = [{
    "BU_ID": "B01",
        "BU_NAME": "Agro Feed",
        "BU_DES": "Agro Feed",
        "EDIT_DATE": "2015-05-05T00:00:00",
        "EDIT_BY": "",
        "FLAG": true
}, {
    "BU_ID": "B02",
        "BU_NAME": "Agro Farm",
        "BU_DES": "Agro Farm",
        "EDIT_DATE": "2015-05-05T00:00:00",
        "EDIT_BY": "",
        "FLAG": false
},{
    "BU_ID": "B03",
        "BU_NAME": "Agro Food",
        "BU_DES": "Agro Food",
        "EDIT_DATE": "2015-05-05T00:00:00",
        "EDIT_BY": "",
        "FLAG": true
}
           ];

$("#cb_info").empty();
$.each(data, function (idx, obj) {
var status = (!obj.FLAG)?'disabled':'';
    $("#cb_info").append('<option '+status+' value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>');
}); 
$("#cb_info").chosen({ width: "auto" });
$("#cb_info").trigger("chosen:updated");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/chosen/1.0/chosen.css" rel="stylesheet"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/chosen/1.0/chosen.jquery.js"></script>
<select id="cb_info"></select>

【讨论】：

【解决方案2】：

var data = [{
    "BU_ID": "B01",
        "BU_NAME": "Agro Feed",
        "BU_DES": "Agro Feed",
        "EDIT_DATE": "2015-05-05T00:00:00",
        "EDIT_BY": "",
        "FLAG": true
}, {
    "BU_ID": "B02",
        "BU_NAME": "Agro Farm",
        "BU_DES": "Agro Farm",
        "EDIT_DATE": "2015-05-05T00:00:00",
        "EDIT_BY": "",
        "FLAG": false
}, {
    "BU_ID": "B03",
        "BU_NAME": "Agro Food",
        "BU_DES": "Agro Food",
        "EDIT_DATE": "2015-05-05T00:00:00",
        "EDIT_BY": "",
        "FLAG": true
}];

$("#cb_info").empty();
$.each(data, function (idx, obj) {
    if (obj.FLAG === true) {
        $("#cb_info").append('<option value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>');
    }
});

只需添加一个条件if (obj.FLAG === true) { 只有带有 true 的标志才会添加到列表中，因此您无需隐藏任何内容

DEMO

更新

demo

【讨论】：

亲爱的@Pekka，作为你的答案，我知道，但在这里，我想显示所有（3 个选项：2 个选项启用和 1 个选项可见）
@BrianCrist such as FLAG=false hide them 据我了解，如果标志为假，您想隐藏这一点。你能解释一下你真正想要什么吗？
亲爱的@Pekka，感谢您的回答。我从 jacky rudetsky 那里找到了答案
我仍然更新了我的答案，以防有人需要参考快乐编码@BrianCrist。虽然问题有点离题，但我很高兴有人能够正确回答
快乐编码@BrianCrist