选择 js 换行

Question

我目前在我选择的 js 中显示 selected 值。

这是风景

如您所见，我的 select 框并未呈现所有单词。我想在新行中查看文本值

我已经尝试过这段代码，但似乎没有任何反应

谁能告诉我我错过了什么？

div#doctrine_doctrinecontent_attributes_topic_id_chosen {
    display: inline;
}

$('.chosen-select').chosen({
    allow_single_deselect: true,
    no_results_text: 'No results matched',
    width: '100%',
});

Answer 1

尝试在您的 CSS 文件中添加这两种样式。

.chosen-container-single .chosen-single {
  height: auto;
}

.chosen-container-single .chosen-single span {
    word-break: break-all;
    white-space: initial;
}

选择 js 换行

chosen js new line

javascript

css

jquery-chosen