Как сделать выбор отключенным в Laravel5? - PullRequest
Новая
       4

Как сделать выбор отключенным в Laravel5?

2 голосов
/ 17 октября 2019

Доброе утро всем!

Я использую Laravel 5 и для select класс "selectpicker".

Я бы хотел сделать это, когда я нажму на один из вариантов, чтобы сделатьэто отключить или нет. Потому что я создаю div с содержанием опции чуть ниже. Поэтому, если опция выбора не отключена или отсутствует, она снова создаст div.

Два дня, когда я не могу это сделать .. 

<select id="interlocutorsList" name="interlocutorsList" class="selectpicker" data-width="100%" data-style="btn-info select2" data-live-search="true">
 <option id="titleSelectInterlocutor" class="" value=""  selected>Faites un choix</option>
  @foreach( $othersInterlocutors as $interlocutor)
   <option value="{{$interlocutor->id}}" id="option{{$interlocutor->id}}" class="" style="overflow: hidden; width:100%;" data-tokens="">{{$interlocutor->name.' '.$interlocutor->firstName}}
   </option>
  @endforeach
</select>

$("#interlocutorsList").change(function () {
 $('#titleSelectInterlocutor').addClass("d-none");
 var interlocutorSelect=$("#interlocutorsList").val();
 $('#option'+interlocutorSelect).addClass("d-none");
 var nameSel=interlocutorsTab[interlocutorSelect];
 $(".interlocutorSel").append("<div class='row rowSensor"+interlocutorSelect+"'><div class='col-lg-12 mb-1'><p class='d-inline' style='color: #000;'>"+nameSel+"</p><input id='interlocutor"+interlocutorSelect+"' type='hidden' name='interlocutor"+interlocutorSelect+"' value='on'><button type='button' id='btnSup" + interlocutorSelect + "' class='btn btn-outline-info buttonSubmit float-right'>-</button></div></div> ");

});

$(".interlocutorSel").on("click", "button[id^='btnSup']", function () {
 var idBtnClick = $(this).attr("id");
 var nbCustom = idBtnClick.substring(6);
 $('.rowSensor' + nbCustom).remove();
 $('#option'+nbCustom).removeClass("d-none"); 
});

1 Ответ

3 голосов
/ 17 октября 2019

Вы можете добавить disabled = 'disabled' в опции, когда включено событие. 

<option value="opel" disabled='disabled'>Opel</option>

Если вы используете jQuery <1.6, сделайте это: </p> 

jQuery('#option'+nbCustom).attr("disabled", 'disabled');

Если выиспользуя jQuery 1.6 +: 

jQuery('#option'+nbCustom).prop("disabled", true);

Пример ниже. 

<!DOCTYPE html>
<html>
<body>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel" disabled='disabled'>Opel</option>
  <option value="audi">Audi</option>
</select>
  
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...