FomanticUI - HTML поведение кодирования объектов в выпадающем меню - PullRequest
Новая
       24

FomanticUI - HTML поведение кодирования объектов в выпадающем меню

0 голосов
/ 25 марта 2020

У меня возникла проблема в Fomanti c Раскрывающийся список множественного выбора пользовательского интерфейса версии 2.8.4.

Когда я выбираю элемент из раскрывающегося списка множественного выбора, который содержит символы, такие как & (амперсанд) или '(одиночный кавычка), скрытое входное значение кодируется в HTML символьную сущность. Однако, если я выберу два элемента, которые содержат специальные символы, в скрытом входном значении, первый элемент кодируется как HTML символьная сущность (например, &), а второй - не кодируется. Если я продолжу выбирать третий элемент без специальных символов, оба элемента будут закодированы в HTML сущности.

Вот мой код: https://codepen.io/moistyburger/pen/zYGjQBK

Однако , если я использую semanti c -ui версии 2.4.1, такого поведения не будет.

Как решить эту проблему, чтобы значения, отправленные на сервер, не кодировались как символ HTML лица?

HTML

<div class="ui container">
  <div class="ui form">
    <div class="field">
      <label for="">Dropdown Sample</label>
      <div class="ui fluid search selection dropdown multiple">
      <input type="hidden">
      <i class="dropdown icon"></i>
      <div class="text"></div>
      <div class="menu">
        <div class="item" data-value="item 1">Item 1</div>
        <div class="item" data-value="item 2">Item 2</div>
        <div class="item" data-value="item 3 & hello">Item 3 & Hello</div>
        <div class="item" data-value="item 4's testing">Item 4's Testing</div>
        <div class="item" data-value="item 5">Item 5</div>
        <div class="item" data-value="item 6">Item 6</div>
        <div class="item" data-value="item 7">Item 7</div>
        <div class="item" data-value="item 8">Item 8</div>
        <div class="item" data-value="item 9">Item 9</div>
        <div class="item" data-value="item 10">Item 10</div>
      </div>
    </div>
    </div>
  </div>
</div>

Javascript: 

$('.ui.dropdown').dropdown();
...