Слишком большие варианты в select

108
13 августа 2019, 01:20

Слишком длинные варианты в селект, всё видно на скрине. Как это можно исправить? Вот код :

    <div class="form-group row ml-1">
       <label for="id1" class="col-sm-3 col-form-label">orgId:</label>
       <div class="col-sm-5">
         <select class="form-control" id="id8">
    <option  disabled>Выберите тип участника</option>
    <option selected value="участник информационного обмена, 
    осуществляющий
    деятельность оператора по
    переводу денежных средств, –
    номер лицензии, выданной
    Банком России">участник информационного
    обмена, осуществляющий
    деятельность оператора по
    переводу денежных средств, –
    номер лицензии, выданной
    Банком России</option>
        <option  value="участник информационного
    обмена, осуществляющий
    деятельность оператора услуг
    платежной инфраструктуры, –
    регистрационный номер
    оператора услуг платежной
    инфраструктуры">участник информационного
    обмена, осуществляющий
    деятельность оператора услуг
    платежной инфраструктуры, –
    регистрационный номер
    оператора услуг платежной
    инфраструктуры</option>
        <option value="участник информационного
    обмена, осуществляющий
    деятельность оператора
    платежной системы, –
    регистрационный номер
    оператора платежной системы">участник информационного
    обмена, осуществляющий
    деятельность оператора
    платежной системы, –
    регистрационный номер
    оператора платежной системы</option>
        <option value="участник информационного
    обмена, осуществляющий
    деятельность профессионального
    участника рынка ценных бумаг, –
    номер лицензии, выданной
    Банком России">участник информационного
    обмена, осуществляющий
    деятельность профессионального
    участника рынка ценных бумаг, –
    номер лицензии, выданной
    Банком России</option>
        <option value="участник информационного
    обмена, осуществляющий
    деятельность управляющей
    компании инвестиционного
    фонда, паевого инвестиционного
    фонда и негосударственного
    пенсионного фонда, – номер
    лицензии, выданной Банком
    России">участник информационного
    обмена, осуществляющий
    деятельность управляющей
    компании инвестиционного
    фонда, паевого инвестиционного
    фонда и негосударственного
    пенсионного фонда, – номер
    лицензии, выданной Банком
    России/option>
        <option value="участник информационного
    обмена, осуществляющий
    деятельность
    специализированного
    депозитария инвестиционного
    фонда, паевого инвестиционного
    фонда и негосударственного
    пенсионного фонда, – номер
    лицензии, выданной Банком
    России">участник информационного
    обмена, осуществляющий
    деятельность
    специализированного
    депозитария инвестиционного
    фонда, паевого инвестиционного
    фонда и негосударственного
    пенсионного фонда, – номер
    лицензии, выданной Банком
    России</option>
        <option value="участник информационного
    обмена, осуществляющий
    деятельность акционерного
    инвестиционного фонда,
    – номер
    лицензии, выданной Банком
    России">участник информационного
    обмена, осуществляющий
    деятельность акционерного
    инвестиционного фонда,
    – номер
    лицензии, выданной Банком
    России</option>
        <option value="участник информационного
    обмена, осуществляющий
    клиринговую деятельность
    ,–номер лицензии, выданной
    Банком России;">участник информационного
    обмена, осуществляющий
    клиринговую деятельность
    ,–номер лицензии, выданной
    Банком России;</option>
        <option value="участник информационного
    обмена, осуществляющий
    деятельность по выполнению
    функций центрального
    контрагента
    ,
    – регистрационный
    номер из книги государственной
    регистрации кредитных
    организаций;">участник информационного
    обмена, осуществляющий
    деятельность по выполнению
    функций центрального
    контрагента
    ,
    – регистрационный
    номер из книги государственной
    регистрации кредитных
    организаций;</option>
        <option value="участник информационного
    обмена, осуществляющий
    деятельность организатора
    торговли
    ,
    – номер лицензии,
    выданной Банком России (справочник участников
    финансового рынка
    )
    ">участник информационного
    обмена, осуществляющий
    деятельность организатора
    торговли
    ,
    – номер лицензии,
    выданной Банком России (справочник участников
    финансового рынка
    )
    </option>
    <option value="участник информационного
    обмена, осуществляющий
    деятельность центрального
    депозитария,– ОГРН;">участник информационного
    обмена, осуществляющий
    деятельность центрального
    депозитария
    ,
    – ОГРН
    ;</option>
        <option value="участник информационного
    обмена, осуществляющий
    репозитарную деятельность
    ,
    –
    номер лицензии, выданной
    Банком России">участник информационного
    обмена, осуществляющий
    репозитарную деятельность
    ,
    –
    номер лицензии, выданной
    Банком России</option>
        <option value="участник информационного
    обмена, осуществляющий
    деятельность субъект
    а
    страхового дела
,
– номер
лицензии, выданной Банком
России;">участник информационного
обмена, осуществляющий
деятельность субъект
а
страхового дела
,
– номер
лицензии, выданной Банком
России;</option>
    <option value="участник информационного
обмена, осуществляющий
деятельность негосударственного
пенсионного фонд
а
,
– номер
лицензии, выданной Банком
России
(справочник участников
финансового рынка
)
;">участник информационного
обмена, осуществляющий
деятельность негосударственного
пенсионного фонд
а
,
– номер
лицензии, выданной Банком
России
(справочник участников
финансового рынка
)
;</option>
    <option value="участник информационного
обмена, осуществляющий
деятельность микрофинансовой
организации,
– регистрационный номер записи в государственном
реестре микрофинансовых
организаций">участник информационного
обмена, осуществляющий
деятельность микрофинансовой
организации,
– регистрационный номер записи в государственном
реестре микрофинансовых
организаций</option>
<option value="участник информационного
обмена, осуществляющий
деятельность кредитного
потребительского кооператива, –
ОГРН">участник информационного
обмена, осуществляющий
деятельность кредитного
потребительского кооператива, –
ОГРН</option>
<option value="участник информационного
обмена, осуществляющий
деятельность жилищного
накопительного кооператива, –
ОГРН">участник информационного
обмена, осуществляющий
деятельность жилищного
накопительного кооператива, –
ОГРН</option>
    <option value="участник информационного
обмена, осуществляющий
деятельность бюро кредитных
историй, – номер в
государственном реестре бюро
кредитных историй">участник информационного
обмена, осуществляющий
деятельность бюро кредитных
историй, – номер в
государственном реестре бюро
кредитных историй</option>
    <option value="участник информационного
обмена, осуществляющий
актуарную деятельность –
регистрационный номер записи о
внесении сведений в единый
реестр ответственных актуариев">участник информационного
обмена, осуществляющий
актуарную деятельность –
регистрационный номер записи о
внесении сведений в единый
реестр ответственных актуариев</option>
    <option value="участник информационного
обмена, осуществляющий
деятельность кредитного
рейтингового агентства, – номер
выданного бланка свидетельства
о внесении сведений о
юридическом лице в реестр
кредитных рейтинговых
агентств">участник информационного
обмена, осуществляющий
деятельность кредитного
рейтингового агентства, – номер
выданного бланка свидетельства
о внесении сведений о
юридическом лице в реестр
кредитных рейтинговых
агентств</option>
    <option value="участник информационного
обмена, осуществляющий
деятельность
сельскохозяйственного
кредитного потребительского
кооператива, – номер в
государственном реестре
сельскохозяйственных
кредитных потребительских
кооперативов">участник информационного
обмена, осуществляющий
деятельность
сельскохозяйственного
кредитного потребительского
кооператива, – номер в
государственном реестре
сельскохозяйственных
кредитных потребительских
кооперативов</option>
    <option value="участник информационного
обмена, осуществляющий
деятельность ломбарда, – номер
в государственном реестре
ломбардов">участник информационного
обмена, осуществляющий
деятельность ломбарда, – номер
в государственном реестре
ломбардов</option>
    <option value="участник информационного
обмена (государственные
органы, иностранные организации, провайдеры,
разработчики программного
обеспечения, центры
компетенции по
противодействию киберугрозам
)
– полное наименование
организации">участник информационного
обмена (государственные
органы, иностранные организации, провайдеры,
разработчики программного
обеспечения, центры
компетенции по
противодействию киберугрозам
)
– полное наименование
организации</option>
   </select>
</div>
    </div>

Answer 1

Кроме, как использование кастомной реализации элемента select, вряд ли можно что-то придумать. Вот, например, вариант с использованием плагина Select2

$(function(){ 
  $('#id8').select2(); 
});
.select2-container { 
  max-width: 80vw; 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet"/> 
 
<div class="form-group row ml-1"> 
       <label for="id1" class="col-sm-3 col-form-label">orgId:</label> 
       <div class="col-sm-5"> 
         <select class="form-control" id="id8"> 
    <option  disabled>Выберите тип участника</option> 
    <option selected value="участник информационного обмена,  
 
    осуществляющий 
    деятельность оператора по 
    переводу денежных средств, – 
    номер лицензии, выданной 
    Банком России">участник информационного 
    обмена, осуществляющий 
    деятельность оператора по 
    переводу денежных средств, – 
    номер лицензии, выданной 
    Банком России</option> 
        <option  value="участник информационного 
    обмена, осуществляющий 
    деятельность оператора услуг 
    платежной инфраструктуры, – 
    регистрационный номер 
    оператора услуг платежной 
    инфраструктуры">участник информационного 
    обмена, осуществляющий 
    деятельность оператора услуг 
    платежной инфраструктуры, – 
    регистрационный номер 
    оператора услуг платежной 
    инфраструктуры</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    деятельность оператора 
    платежной системы, – 
    регистрационный номер 
    оператора платежной системы">участник информационного 
    обмена, осуществляющий 
    деятельность оператора 
    платежной системы, – 
    регистрационный номер 
    оператора платежной системы</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    деятельность профессионального 
    участника рынка ценных бумаг, – 
    номер лицензии, выданной 
    Банком России">участник информационного 
    обмена, осуществляющий 
    деятельность профессионального 
    участника рынка ценных бумаг, – 
    номер лицензии, выданной 
    Банком России</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    деятельность управляющей 
    компании инвестиционного 
    фонда, паевого инвестиционного 
    фонда и негосударственного 
    пенсионного фонда, – номер 
    лицензии, выданной Банком 
    России">участник информационного 
    обмена, осуществляющий 
    деятельность управляющей 
    компании инвестиционного 
    фонда, паевого инвестиционного 
    фонда и негосударственного 
    пенсионного фонда, – номер 
    лицензии, выданной Банком 
    России</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    деятельность 
    специализированного 
    депозитария инвестиционного 
    фонда, паевого инвестиционного 
    фонда и негосударственного 
    пенсионного фонда, – номер 
    лицензии, выданной Банком 
    России">участник информационного 
    обмена, осуществляющий 
    деятельность 
    специализированного 
    депозитария инвестиционного 
    фонда, паевого инвестиционного 
    фонда и негосударственного 
    пенсионного фонда, – номер 
    лицензии, выданной Банком 
    России</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    деятельность акционерного 
    инвестиционного фонда, 
    – номер 
    лицензии, выданной Банком 
    России">участник информационного 
    обмена, осуществляющий 
    деятельность акционерного 
    инвестиционного фонда, 
    – номер 
    лицензии, выданной Банком 
    России</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    клиринговую деятельность 
    ,–номер лицензии, выданной 
    Банком России;">участник информационного 
    обмена, осуществляющий 
    клиринговую деятельность 
    ,–номер лицензии, выданной 
    Банком России;</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    деятельность по выполнению 
    функций центрального 
    контрагента 
    , 
    – регистрационный 
    номер из книги государственной 
    регистрации кредитных 
    организаций;">участник информационного 
    обмена, осуществляющий 
    деятельность по выполнению 
    функций центрального 
    контрагента 
    , 
    – регистрационный 
    номер из книги государственной 
    регистрации кредитных 
    организаций;</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    деятельность организатора 
    торговли 
    , 
    – номер лицензии, 
    выданной Банком России (справочник участников 
    финансового рынка 
    ) 
    ">участник информационного 
    обмена, осуществляющий 
    деятельность организатора 
    торговли 
    , 
    – номер лицензии, 
    выданной Банком России (справочник участников 
    финансового рынка 
    ) 
    </option> 
    <option value="участник информационного 
    обмена, осуществляющий 
    деятельность центрального 
    депозитария,– ОГРН;">участник информационного 
    обмена, осуществляющий 
    деятельность центрального 
    депозитария 
    , 
    – ОГРН 
    ;</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    репозитарную деятельность 
    , 
    – 
    номер лицензии, выданной 
    Банком России">участник информационного 
    обмена, осуществляющий 
    репозитарную деятельность 
    , 
    – 
    номер лицензии, выданной 
    Банком России</option> 
        <option value="участник информационного 
    обмена, осуществляющий 
    деятельность субъект 
    а 
    страхового дела 
 
, 
– номер 
лицензии, выданной Банком 
России;">участник информационного 
обмена, осуществляющий 
деятельность субъект 
а 
страхового дела 
, 
– номер 
лицензии, выданной Банком 
России;</option> 
    <option value="участник информационного 
обмена, осуществляющий 
деятельность негосударственного 
пенсионного фонд 
а 
, 
– номер 
лицензии, выданной Банком 
России 
(справочник участников 
финансового рынка 
) 
;">участник информационного 
обмена, осуществляющий 
деятельность негосударственного 
пенсионного фонд 
а 
, 
– номер 
лицензии, выданной Банком 
России 
(справочник участников 
финансового рынка 
) 
;</option> 
    <option value="участник информационного 
обмена, осуществляющий 
деятельность микрофинансовой 
организации, 
– регистрационный номер записи в государственном 
реестре микрофинансовых 
организаций">участник информационного 
обмена, осуществляющий 
деятельность микрофинансовой 
организации, 
– регистрационный номер записи в государственном 
реестре микрофинансовых 
организаций</option> 
<option value="участник информационного 
обмена, осуществляющий 
деятельность кредитного 
потребительского кооператива, – 
ОГРН">участник информационного 
обмена, осуществляющий 
деятельность кредитного 
потребительского кооператива, – 
ОГРН</option> 
<option value="участник информационного 
обмена, осуществляющий 
деятельность жилищного 
накопительного кооператива, – 
ОГРН">участник информационного 
обмена, осуществляющий 
деятельность жилищного 
накопительного кооператива, – 
ОГРН</option> 
 
    <option value="участник информационного 
обмена, осуществляющий 
деятельность бюро кредитных 
историй, – номер в 
государственном реестре бюро 
кредитных историй">участник информационного 
обмена, осуществляющий 
деятельность бюро кредитных 
историй, – номер в 
государственном реестре бюро 
кредитных историй</option> 
    <option value="участник информационного 
обмена, осуществляющий 
актуарную деятельность – 
регистрационный номер записи о 
внесении сведений в единый 
реестр ответственных актуариев">участник информационного 
обмена, осуществляющий 
актуарную деятельность – 
регистрационный номер записи о 
внесении сведений в единый 
реестр ответственных актуариев</option> 
    <option value="участник информационного 
обмена, осуществляющий 
деятельность кредитного 
рейтингового агентства, – номер 
выданного бланка свидетельства 
о внесении сведений о 
юридическом лице в реестр 
кредитных рейтинговых 
агентств">участник информационного 
обмена, осуществляющий 
деятельность кредитного 
рейтингового агентства, – номер 
выданного бланка свидетельства 
о внесении сведений о 
юридическом лице в реестр 
кредитных рейтинговых 
агентств</option> 
 
    <option value="участник информационного 
обмена, осуществляющий 
деятельность 
сельскохозяйственного 
кредитного потребительского 
кооператива, – номер в 
государственном реестре 
сельскохозяйственных 
кредитных потребительских 
кооперативов">участник информационного 
обмена, осуществляющий 
деятельность 
сельскохозяйственного 
кредитного потребительского 
кооператива, – номер в 
государственном реестре 
сельскохозяйственных 
кредитных потребительских 
кооперативов</option> 
    <option value="участник информационного 
обмена, осуществляющий 
деятельность ломбарда, – номер 
в государственном реестре 
ломбардов">участник информационного 
обмена, осуществляющий 
деятельность ломбарда, – номер 
в государственном реестре 
ломбардов</option> 
    <option value="участник информационного 
обмена (государственные 
органы, иностранные организации, провайдеры, 
разработчики программного 
обеспечения, центры 
компетенции по 
противодействию киберугрозам 
) 
– полное наименование 
организации">участник информационного 
обмена (государственные 
органы, иностранные организации, провайдеры, 
разработчики программного 
обеспечения, центры 
компетенции по 
противодействию киберугрозам 
) 
– полное наименование 
организации</option> 
   </select> 
</div> 
    </div>

READ ALSO
Как получить самое большое и маленькое число одного типа в объекта?

Как получить самое большое и маленькое число одного типа в объекта?

Этим способом я получая самое большое и самое маленькое число из всего объекта:

116
Функция поиска из таблицы

Функция поиска из таблицы

Как реализовать поиск(функцию) по полю Mo_id чтобы не все данные отображались в таблице, а только то, что ищемВ данном случае у меня отображаются...

115
Элементы карусели не помещаются в div

Элементы карусели не помещаются в div

Всем привет! Ситуация следующая: пользуюсь MaterializeCSS Хочу сделать карусель из карточекВ принципе, все работает, но есть проблема: сами карточки...

129