Преобразовать вывод массива Select2 в строку - PullRequest
Новая
       19

Преобразовать вывод массива Select2 в строку

0 голосов
/ 19 июня 2019

Я пытаюсь преобразовать массив select2 в строку для использования в форме.В настоящее время мой вывод выглядит следующим образом:

? Source% 5B% 5D = x1 & source% 5B% 5D = x2

Я хочу преобразовать его в строку через запятую,Я пытался использовать 'string = source.join ()', но вывод моей строки пуст.

% 5B% 5D = x1 & source% 5B% 5D = x2 & string =

То, что я пытаюсь получить, выглядит примерно так:

строка% 5B% 5D = x1, x2 

<form action="/action_page.php">    
   <select class="form-control select2" multiple="" id="source" name="source[]" style="width: 250px;">

      <optgroup label="Group1">
         <option>x1</option>
         <option>x2</option></optgroup>
         <optgroup label="Group2">
            <option>y1</option>
            <option>y2</option></optgroup>
         </select>
         <script type="text/javascript">
            $(".select2").select2({
            tags: true
            });
         </script>
         <script type="text/javascript">
         string = source.join()
         </script>
         <input type='hidden' name='string' ></input>
         <br><br>
         <input type="submit">
      </form>

1 Ответ

0 голосов
/ 19 июня 2019

Я не знаю, действительно ли это то, что вы хотите, но это может дать вам подсказки. 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"></script>

<form onsubmit="onFormSubmit()">

   <select class="form-control select2" multiple="" id="source" name="source[]" style="width: 250px;">
      <optgroup label="Group1">
         <option>x1</option>
         <option>x2</option>
       </optgroup>
       <optgroup label="Group2">
          <option>y1</option>
          <option>y2</option>
      </optgroup>
   </select>
   <script type="text/javascript">
      // Init Select2
      var mySelect = $(".select2").select2({
        tags: true
      });
      // On form submit
      var onFormSubmit = function(){
        // Get selected value (only if at least one selected)
        if (mySelect.val() !== null && mySelect.val().length > 0) {
            var selectedSource = "string=" + mySelect.val().join(',');
            alert(selectedSource);
        }
      }
   </script>
   <input type='hidden' name='string' />
   <br><br>
   <input type="submit" />

</form>
...