如何隐藏搜索单选select jquery？

我读过选定的jquery http://harvesthq.github.io/chosen/。好吧，我想要“隐藏搜索单选”作为相同的例子（例如在guthub /上面选择），如FLAG=false隐藏它们。我该怎么做？如何隐藏搜索单选select jquery？

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>

谢谢你们。

来源

2015-09-28 Brian Crist

还不是很清楚..你可以详尽地用一个例子单SELECT_ _hide搜索？ –

你想隐藏有'Flag：false'的选项吗？ –

亲爱的@MKA，完全如您所说。 –

你的问题是不那么清楚。但是，如果你想要使用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) { 
 
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>

来源

2015-09-28 04:58:01 John

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) { 只有真正标志将在列表上添加为此你不需要隐瞒什么

DEMO

修订

demo

来源

2015-09-28 04:34:51 guradio

Dear @ Pekka，作为你的回答，我知道但是在这里，我想显示所有的（3选项：2选项启用和1选项可见） –

@BrianCrist '例如FLAG = false隐藏他们'因为我明白这个你想隐藏，如果国旗是假的。你能解释你真正想要的吗？ – guradio

尊敬的@Pekka，感谢您的回答。我创建了一个答案，从杰克rudetsky –

如何隐藏搜索单选select jquery？

回答

相关问题