zoukankan      html  css  js  c++  java
  • 下拉列表的简单操作

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

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

  • 相关阅读:
    bzoj-4433 小凸玩矩阵(二分图,二分+匈牙利)
    HDU-2255 奔小康赚大钱(二分图、km算法、模板)
    python queue和生产者和消费者模型
    python Events
    python递归锁与信号量
    python 线程锁
    python GIL锁
    python 守护进程
    python 继承式多线程
    python 多线程效果演示
  • 原文地址:https://www.cnblogs.com/shangguancn/p/5753524.html
Copyright © 2011-2022 走看看