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

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

  • 相关阅读:
    PHPCMS模型
    SQL 根据中文分词组件来搜索表
    初识wordpress
    session_set_save_handler
    使用Sharepoint 中Webservice得到用户列表
    鸡蛋里挑骨头PHPCMS
    Type: FileNotFoundException, Exception Message: 未能加载文件或程序集
    很实用的Jquery验证插件
    CSS link media属性
    OCS (错误代码: 01492)
  • 原文地址:https://www.cnblogs.com/shangguancn/p/5753524.html
Copyright © 2011-2022 走看看