獲取好的值傳入到下拉框

我獲取了textarea第一列的每一個(gè)字符串，然后傳到下拉框代碼如下，可是一點(diǎn)擊下拉框就不見了。值直接顯示在了頁面上，求前輩指導(dǎo)

                                <select class="selectpicker getcol" name="ceshi">
                                    <option >choice one</option>
                                </select>


                                <script>
                                    $(function(){
                                        $(".selectpicker").selectpicker({
                                            width : 300, 
                                            multiple:"false"
                                        })
                                    })
                                </script>
                                <script>
                                    $(function(){
                                        $(".getcol").click(function(){
                                            
                                            $(this).empty();
                                            var text=$('#data_matrix').val();//獲取文本域內(nèi)的值
                                            var allcon=text.split("\n");
                                            var firstcol=allcon[0].split("\t");
                                            //console.log(firstcol);
                                            
                                            var count = firstcol.length;
                                            var collist="";
                                            for(var i=0;i<count;i++){
                                                collist +='<option value="'+firstcol[i]+'">'+firstcol[i]+'</option>';
                                            }
                                            $(this).append(collist);
                                            $(this).selectpicker('refresh');
                                        })
                                    })
                                </script>