获取Select下拉列中的所有子元素

参照博客:blog.csdn.net/qq_34543438…

api:www.w3school.com.cn/jquery/trav…

两种方式:

1. children()
2. find()

  演示(将select多选改为单选)(至于为什么不操作多选元素直接改成单选请看我的上一篇文章) HTML

<span id="span_factory_id">
   <select class="form-control selectpicker" data-live-search="true" multiple="multiple"
    id="factory"></select>
 </span>

  JS

  // 获取select中所有子元素
  var factory_option = $("#span_factory_id").find("option")

  // 删除所有子元素
  $("#span_factory_id").empty();

  // 创建单选下拉列
  var span_factory_id = $('<select class="form-control" data-live-search="true" id="factory"></select>');

  // 将原 option标签子元素追加到select下拉列中
  span_factory_id.html(factory_option);

  // 将设置好的单选下拉列存入
  $("#span_factory_id").append(span_factory_id);