js,jquery実装ドロップダウンリスト選択項目を順番に表示

需要はこのようにして、ドロップダウンボックスの中でいくつかの人員のリストを選択することを要求して、選択した最初の人はグループの組長で、残りはグループのメンバーです.
ドロップダウンリストはboosrtap-selectedフレームワークを使用して関連するファイルを実装する必要があります.具体的な関連内容は完全なコードを参照してください.
実装プロセスは、selectラベルにonchange()イベントをバインドし、onchangeイベントではtext()ではなくvalue()でselectの値を取得し、選択したアイテムをセレクタ「select option:selected」で取得するわけではありません.コードは次のとおりです.

 
            
           
           
           
                                       
  
    

 </code></pre> 
  <p>js <strong>onchange（）</strong>    </p> 
  <pre><code>function show(){
                // var val=$("#sel option:selected").val()
                var val=$("#sel").val();
                
                //      
                if(first=="" || val==""){
                    first=val; //            
                    name=val;   //            
                }else{

                    if(!isInArray(val,first)){
                        
                        //              ，                

                        // var len=val.lastIndexOf(",");
                        // console.info("   ','    ："+len)
                        // alert(val[0])
                        // first=val.substring(0,len)

                        first=val[0]
                        name=val
                    }else{

                    }
                    name=val;

                }
                // console.info("first  ："+first)
                // console.info("        "+val)
           

            }</code></pre> 
  <p>                 ，                           ，isInArray()    ，         ，arr           ，          ，value          ，     ，       Boolean  。       true，      false。</p> 
  <pre><code>     function isInArray(arr,value){
                console.info("    ："+arr.length)
                for(var i = 0; i < arr.length; i++){
                    console.info("  val["+(i+1)+"]  ："+arr[i])
                    if(value == arr[i]){

                        return true;
                    }
                }
                return false;
            }</code></pre> 
  <p>                </p> 
  <pre><code> $('textarea').text("    ：" +first+"<br>    ："+name); </code></pre> 
  <p>        ，</p> 
  <p>       ，           ，                ，             。</p> 
  <p>      </p> 
  <pre><code>


    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css"/>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/select/css/bootstrap-select.css"/>
    <title>Document</title>


    <select class="selectpicker" id="sel" multiple="multiple"> 
        <option value="  " id="opt">   </option>
        <option value="  " id="opt">   </option>
        <option value="  " id="opt">   </option>
        <option value="  " id="opt">   </option>
        <option value="  " id="opt">   </option>                            
    </select>
    <br/>
    <textarea name="showNmae" id="showNmae" cols="30" rows="10"/>
    <script src="jquery/jquery.js"/>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.js"/>
    <script src="bootstrap-3.3.7-dist/select/js/bootstrap-select.js"/>
    <script src="bootstrap-3.3.7-dist/select/js/i18n/defaults-zh_CN.js"/>
    <script>
        var first="";
        var name="";
        //              
            function isInArray(arr,value){
                console.info("    ："+arr.length)
                for(var i = 0; i < arr.length; i++){
                    console.info("  val["+(i+1)+"]  ："+arr[i])
                    if(value == arr[i]){

                        return true;
                    }
                }
                return false;
            }
            //    change  
            function show(){
                // var val=$("#sel option:selected").val()
                var val=$("#sel").val();
                
                //      
                if(first=="" || val==""){
                    first=val;
                    name=val;
                }else{

                    if(!isInArray(val,first)){
                        // var len=val.lastIndexOf(",");
                        // console.info("   ','    ："+len)
                        // alert(val[0])
                        // first=val.substring(0,len)
                        first=val[0]
                        name=val
                    }else{

                    }
                    name=val;

                }
                console.info("first  ："+first)
                console.info("        "+val)
            $('textarea').text("    ：" +first+"<br>    ："+name); 

            }

    </script>

</code></pre> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>