2015-09-28 1 views
0

Я читал в выбранном jquery по адресу http://harvesthq.github.io/chosen/. Хорошо, я хочу «Скрыть поиск по одиночному выбору» в том же примере (пример в guthub /, выбранном выше), например, FLAG=false скрыть их. Как мне это сделать?Как скрыть поиск по одному выбранному выбранному 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>

Поблагодарите ребята.

+1

Довольно Неясная .. Вы можете уточнить _hide поиск по одной select_ с примером? –

+0

Вы хотите скрыть опции, которые имеют флаг «Флаг»? –

+0

Уважаемый @MKA, как вы говорите. –

ответ

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>

1
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

+0

Уважаемый @ Pekka, я знаю, но здесь, я хочу показать все (3 варианта: 2 варианта разрешено и 1 опция видима) –

+0

@BrianCrist 'такие как FLAG = false hide them. Как я понимаю, это тот, который вы хотите скрыть, если флаг false. Можете ли вы объяснить, что вы действительно хотели. – guradio

+0

Уважаемый @Pekka, спасибо за ваш ответ. я основал ответ от jacky rudetsky –

 Смежные вопросы

  • Нет связанных вопросов^_^