bootstarp+select可选可添加

html:

<link href="../Content/js/bgimg/supersized.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../Content/js/gundong.js"></script>
<script src="../Content/js/jquery/jquery.min.js"></script>
<script src="../Content/js/bootstrap/bootstrap.min.js"></script>

<!--日期-->
<link href="../Content/js/datetime/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="../Content/js/datetime/bootstrap-datetimepicker.js"></script>
<script src="../Content/js/datetime/bootstrap-datetimepicker.zh-CN.js"></script>

<!--validate验证表单插件-->
<!--提示框-->
<link href="../Content/js/toastr/toastr.min.css" rel="stylesheet" />
<script src="../Content/js/toastr/toastr.min.js"></script>

<link href="../Content/js/bootstrap-table.css" rel="stylesheet" />
<script src="../Content/js/bootstrap-table.js"></script>
<script src="../Content/js/bootstrap-table-zh-CN.js"></script>

<script src="../Content/zujianFengzhuang.js"></script>

<!--下拉框-->
<link href="../Content/js/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" />
<script src="../Content/js/bootstrap-select/bootstrap-select.js"></script>
<script src="../Content/js/bootstrap-select/defaults-zh_CN.min.js"></script>

<!--提交验证-->
<link href="../Content/js/bootstrapValidator/bootstrapValidator.min.css" rel="stylesheet" />
<script src="../Content/js/bootstrapValidator/bootstrapValidator.min.js"></script>

                        <div class="form-group">
                            <label for="txt_departmentname">完成人</label>
                            <select class="form-control selectpicker input-xlarge" onChange="editable(this);" style="outline: none; width: 200px" data-live-search="true" id="CompletionMan" name="CompletionMan">
                                  <option value="0">请选择</option>
                                  <option value="">添加完成人</option>
                            </select>
                        </div>

js:

 function editable(select1) {
            if (select1.value == "") {
                var newvalue = prompt("请输入", ""); //弹出输入框
                if (newvalue !== "") {
                    addSelected(select1, newvalue, newvalue);
                }
            }
        }
        function addSelected(fld1, value1, text1) {
            if (document.all) { //ie
                var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字

                var Opt = fld1.document.createElement("option");
                Opt.text = text1;
                if (re.test(value1)) {
                    Opt.value = value1 + "F";
                } else {
                    Opt.value = value1;
                }

                fld1.options.add(Opt, "");
                Opt.selected = true; //设置该选项被选中
                $('.selectpicker').selectpicker('refresh');
                $('.selectpicker').selectpicker('render');

            } else {
                var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字
                if (re.test(value1)) {
                    var Opt = new Option(text1, value1 + "F", false, false);
                    Opt.selected = true;
                    fld1.options[fld1.options.length] = Opt;
                } else {
                    var Opt = new Option(text1, value1, false, false);
                    Opt.selected = true;
                    fld1.options[fld1.options.length] = Opt;
                }

                $('.selectpicker').selectpicker('refresh');
                $('.selectpicker').selectpicker('render');
                //  $('#DoingMan').selectpicker('val', value1);
            }
        }