• 下拉列表的简单操作


    <div class="row">
                                                    <div class="col-md-2 pr0">
                                                        <small><span class="text-danger pad8">*</span>公司类型:</small>
                                                    </div>
                                                    
                                                    <div class="col-md-4">
                                                        <select class="form-control" id="company">
                                                          <option>选择公司类型</option>
                                                          <option>有限公司</option>
                                                          <option>有限责任公司</option>
                                                          <option id="noN">暂无</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <button class="btn btn-primary" id="addCompany" data-toggle="modal" data-target="#myModal">我要添加</button>
                                                    </div>
                                                    <!--添加公司类型-->
                                                    <div class="modal fade mt200" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                                        <div class="modal-dialog" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                                    <h4 class="modal-title" id="myModalLabel">添加公司类型</h4>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <div class="row">
                                                                        <div class="col-md-2">
                                                                            <span class="b_font">公司类型:</span>
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <input type="text" name="companyType" id="companyType" value="" class="form-control" placeholder="请输入公司类型"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="hold">保存</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

    其中一些为bootstrapd class注意引用的时候加上bootstrap的样式

    $("#addCompany").click(function(){
                var text = $("#company option:selected").text();
                if(text!="暂无"){
                    alert("请先选择暂无");
                    return false;
                }else{
                    return true;
                }
            });
            $("#hold").click(function(){
                var companyType = $("#companyType").val();
                $("#company").append("<option selected='selected'>"+companyType+"</option>");
            });

     希望可以帮到你!!!!!!

  • 相关阅读:
    银行存钱取钱余额的图形程序
    centos7 的httpd的问题
    idea创建springboot项目初始化失败解决方案
    Spring Boot之yaml配置注入基本使用
    idea修改Java注释的颜色
    IDEA常用快捷键及修改快捷键
    WordPress Markdown编辑器插件:WP Githuber MD
    Docker安装solo博客部署到云服务器教程
    Spring Boot 定制个性 banner
    Java类型转换
  • 原文地址:https://www.cnblogs.com/shangguancn/p/5753524.html
Copyright © 2020-2023  润新知