javascript - 如何从下拉选择中拆分单词并将其插入到另一个下拉选择中

Question

如何从选择的下拉列表中拆分单词并将其发送到另一个下拉列表

示例

<select class="form-control" name="Studentabsent[courseid]" id="Studentabsent_courseid">
  <option value="">SelectCourse</option>
  <option value="20182019">20182019</option>
  <option value="20202021">20202021</option>
</select>

并将其发送到另一个选择下拉列表

<select class="form-control" name="year" id="year">
  <option value="">SelectCourse</option>
  <option value="2018">2018</option>
  <option value="2019">2019</option>
  <option value="2020">2020</option>
  <option value="2021">2021</option>
</select>

感谢您的帮助。谢谢

Answer 1

您可以使用 map() 从现有 select 元素生成年份列表。然后使用 each() 动态创建选项，如下所示:

var list = $('#Studentabsent_courseid option').not(':first').map(function(i, o){
  return o.value.match(/.{1,4}/g);
}).get();

$.each(list, function (i, item) {
  $('#year').append($('<option>', { 
      value: item,
      text : item 
  }));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control" name="Studentabsent[courseid]" id="Studentabsent_courseid">
  <option value="">SelectCourse</option>
  <option value="20182019">20182019</option>
  <option value="20202021">20202021</option>
</select>

<select class="form-control" name="year" id="year">
  <option value="">SelectCourse</option>
</select>