时间戳

首页 > 解决方案 > 如何添加到类似于图例的选项附加字段

javascript - 如何添加到类似于图例的选项附加字段

问题描述

我想知道是否有一种方法可以为类似于图例的列表中的每个选项值添加自定义标题。所以它应该是例如<option>01</option><legend>Mercedes</legend>。图例字段不应该用于任何进一步的计算，只有选择作为选项的值应该在那里。我当前的代码：

<form action="./index.html" method="GET">
Device Id:
  <input type="hidden" value="" name="idb" class="idb" />
  <select data-placeholder="Wpisz tutaj numery urządzenia" multiple class="chosen-select">
    <option value="" hidden></option>
    <option>01</option>
    <option>02</option>
    <option>03</option>
    <option>04</option>
    <option>05</option>
    <option>06</option>
    <option>07</option>
    <option>08</option>
    <option>09</option>
    <option>10</option>
    <option>11</option>
    <option>12</option>
    <option>13</option>
    <option>14</option>
    <option>15</option>
    <option>16</option>
    <option>17</option>
    <option>18</option>
    <option>19</option>
    <option>20</option>
    <option>21</option>
    <option>22</option>
    <option>23</option>

  </select>

<input type="submit" value="Wyślij"/>
  </form>

<script type="text/javascript">
$(function() {
  $('.chosen-select').chosen({width: "20%"}).change(function(el) {
    let selectedOptions = [].slice.call(this.selectedOptions);
    let optionValues = selectedOptions.map(o => o.value);
    $(".idb").val(optionValues.join(","));
  });

  // to show the output

});
</script>

标签： javascripthtml

解决方案

推荐阅读