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

参照博客:https://blog.csdn.net/qq_34543438/article/details/73503884

api:http://www.w3school.com.cn/jquery/traversing_find.asp

 

两种方式:

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);