代码之家  ›  专栏  ›  技术社区  ›  Diasline

使用jQuery在项之间添加空格

  •  0
  • Diasline  · 技术社区  · 7 年前

    我正在使用 选择2 要从选项中选择多个值,每次选择一个值时,我都会将其显示在文本区域中。物品区域用昏迷隔开。如何在逗号后添加空格分隔每个项目?

    <select class="select-medic" multiple="multiple" id="selectmedic">
    <option></option>
    <?php 
    
    foreach($medicine as $row)
    { 
    ?>
    <option value="<?=$row->name?>"><?=$row->name?></option>
    <?php
    }
    ?>
    </select>
    
    <textarea  id="show_medicine"></textarea>
    

    JS公司

    $(".select-medic").select2({
      tags: true,
      tokenSeparators: [',', ' ']
    });
    
    $('#selectmedic').on('change', function() {
    var show_medica = $("#show_medica").val();
    var selectmedic = $("#selectmedic").val();
    
    $('#show_medica').val(selectmedic);
    
    });
    
    1 回复  |  直到 7 年前
        1
  •  1
  •   Liora Haydont    7 年前

    你可以简单地使用 String(selectmedic).replace(/,/g, ', '); 在每次昏迷后增加一个空间。这个 /,/g 只是替换所有事件的正则表达式。