在引导选择中更改逗号分隔答案

【问题标题】：Change comma separation in bootstrap select在引导选择中更改逗号分隔
【发布时间】：2019-12-12 18:05:25
【问题描述】：

我正在为我的网站使用bootstrap select 多个下拉菜单。是给我以逗号分隔的选定文本，这是引导选择器的默认行为。我需要将其更改为新行。

例如代替芥末，津津有味我需要线

芥末津津有味

有什么办法吗？

【问题讨论】：

分享你的代码。

标签： jquery select twitter-bootstrap-3 drop-down-menu

【解决方案1】：

使用multipleSeparator

$('#selectpicker').selectpicker({
  multipleSeparator: ' '
}).on('changed.bs.select', function() {
  $(this).selectpicker('refresh');
})

.bootstrap-select .btn:not(.bs-placeholder) {
  word-spacing: 100px;
  white-space: normal!important;
  word-wrap: break-word!important;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>

<select id="selectpicker" multiple>
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

【讨论】：

【解决方案2】：

我不明白你的问题。如果有小提琴或其他东西会更好，但如果你想删除逗号，只需将其拆分，

var str = Mustard,Relish;
var res = str.split(",");

res 将是一个包含所有元素的数组，现在可以随心所欲地使用它

https://jsfiddle.net/nitish1712/hqog6ef0/7/

【讨论】：