jquery怎么实现不刷新页面就更新下拉列表?

图片说明

图片说明

每次添加教学区后,教室管理教学区下拉列表并未更新最新添加的教学区,需要重新刷新整个页面方能出现。

现在想添加后不刷新直接实时在下拉列表中更新

    //添加一个教学区
    function addArea() {
        var areaName = $("#operator_areaName").val();
        if (areaName == '') {
            layer.msg("教学区名称不能为空", {
                time : 1500,
                icon : 2
            });
            return;
        } else {
            // 发送请求
            var url = "/school/schoolArea/add";
            var data = {
                "areaName" : areaName
            };
            $.post(url, data, function(result) {
                if (result.resCode == "0") {
                    layer.alert('添加教学区成功', {
                        icon : 1
                    });
                    $('#area-table').bootstrapTable('refreshOptions',{pageNumber:1});
                    $("#areaModal").modal('hide');
                    //清除相应缓存,保证操作后数据是最新的
                    operatorAreaDealCache();

                } else {
                    layer.alert('操作失败,原因:' + result.resMsg, {
                        icon : 2
                    });
                }
            //  $("#search_classroom_areaSelector").load(url,data);
            });
            $("#search_classroom_areaSelector").attr("selected","selected");
        }

    }
//点击教室管理tab页
function loadClassrooms() {
    if(selectClassroomList.length != 0) {
        selectClassroomList = [];
        $("#classroom-table").bootstrapTable('removeAll');
        $("#classroom-table").bootstrapTable("refresh");

    } else {

        getClassroomList();
    }
}
//填充教学区下拉列表
function getAllAreaSelector() {
    if (isFristGetAllAreaSelector) {
        $("#operator_schoolAreaSelector").selectpicker({
            noneSelectedText: '请选择',//默认显示内容
            size: 5
        });
        //数据赋值
        //var select = $("#schoolAreaSelector");
        var html = "";
        var url = "/school/schoolArea/list";
        var data = {"rows": -1};
        $.post(url, data, function (result) {
            if (result.resCode == "0") {
                var areaList = result.rows;
                for (var i = 0; i < areaList.length; i++) {
                    html += "<option value='" + areaList[i].areaId + "'>" + areaList[i].areaName + "</option>";
                }
                $("#operator_schoolAreaSelector").append(html);
                $('#operator_schoolAreaSelector').selectpicker('refresh');
                //初始化刷新数据
                isFristGetAllAreaSelector = false;
            }
        });
    }
}
//添加一个教学区
    function addArea() {
        var areaName = $("#operator_areaName").val();
        if (areaName == '') {
            layer.msg("教学区名称不能为空", {
                time : 1500,
                icon : 2
            });
            return;
        } else {
            // 发送请求
            var url = "/school/schoolArea/add";
            var data = {
                "areaName" : areaName
            };
            $.post(url, data, function(result) {
                if (result.resCode == "0") {
                    layer.alert('添加教学区成功', {
                        icon : 1
                    });
                    $('#area-table').bootstrapTable('refreshOptions',{pageNumber:1});
                    $("#areaModal").modal('hide');
                    //清除相应缓存,保证操作后数据是最新的
                    operatorAreaDealCache();

                } else {
                    layer.alert('操作失败,原因:' + result.resMsg, {
                        icon : 2
                    });
                }
            //  $("#search_classroom_areaSelector").load(url,data);
            });
            $("#search_classroom_areaSelector").attr("selected","selected");
        }

    }

2个回答

原本教学区的值肯定是通过接口获取到,所以想不刷新页面就能获取到新的值,那就在点击下拉框的时候添加个点击事件,重新通过接口到后台在获取到最新的数据

你在顶部的 tab上面加一个 change事件啊,当tab改变时,用ajax去请求一下教学区就行了啊

sinat_36810495
罗宾范佩西 回复Iamoldwang: 代码我重新贴到一楼了,请大神看看
10 个月之前 回复
u013254183
老王搞BUG 回复罗宾范佩西: 把你顶部的教学区管理,教学管理的那部分代码贴出来啊
10 个月之前 回复
sinat_36810495
罗宾范佩西 大神详细讲讲怎么改,我是新手,也没用过change
10 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
从下拉列表中选择后,如何在不刷新页面的情况下进行onchange表单提交?

<div class="post-text" itemprop="text"> <p>My page keeps refreshing when I select an item from a listbox. I'm new to Ajax and still learning from it. Here's my code I want to make Ajax code for this one.</p> <pre><code>&lt;form id="myform" action="home_log.php" method="post"&gt; &lt;label1&gt;Room Type:*&lt;/label1&gt; &lt;select name="roomtype" onchange="this.form.submit();"&gt; &lt;option value="Standard Room A"&gt;Standard Room A&lt;/option&gt; &lt;option value="Standard Room B"&gt;Standard Room B&lt;/option&gt; &lt;option value="Deluxe Room"&gt;Deluxe Room&lt;/option&gt; &lt;/select&gt; &lt;/form&gt;&lt;br&gt; &lt;label1&gt;Room Number:*&lt;/label1&gt; &lt;div id="form_output"&gt; &lt;?php $roomtype = isset($_POST['roomtype']) ? $_POST['roomtype'] : ''; echo "&lt;select&gt;"; include_once 'includes/dbh-inc.php'; $result = $conn-&gt;query("select RoomName from tblroom_sample where RoomType='".$roomtype."'"); while ($row = $result-&gt;fetch_assoc()) { unset($roomtype); $RoomName = $row['RoomName']; echo '&lt;option value="'.$RoomName.'"&gt;'.$RoomName.'&lt;/option&gt;'; } echo "&lt;/select&gt;"; ?&gt; &lt;/div&gt; </code></pre> <p>Ajax:</p> <pre><code>$(document).ready(function () { $('#myform').on('submit', function(e) { e.preventDefault(); $.ajax({ url : $(this).attr('action') || window.location.pathname, type: "GET", data: $(this).serialize(), success: function (data) { $("#form_output").html(data); }, error: function (jXHR, textStatus, errorThrown) { alert(errorThrown); } }); }); }); </code></pre> </div>

微信公众号内的页面的下拉刷新,兼容手机端和PC端

现在功能是要类似于QQ聊天那样的到达顶部触发加载之前的聊天内容 我在电脑端实现的js,但我需要两端都能实现 ``` var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); if(system.win||system.mac||system.xll){ window.onload = function () { function onMouseWheel(ev) {/*当鼠标滚轮事件发生时,执行一些操作*/ var url = window.location.href; if(url.indexOf("chat/detail") != -1){ var ev = ev || window.event; var scrollTop=$(window).scrollTop(); if(scrollTop == 0){ if(chat_page < chat_totalPages){ getChatList(++chat_page); }else{ return; } } if(ev.preventDefault){/*FF 和 Chrome*/ ev.preventDefault();// 阻止默认事件 } return false; } } addEvent(document.body,'mousewheel',onMouseWheel); addEvent(document.body,'DOMMouseScroll',onMouseWheel); } function addEvent(obj,xEvent,fn) { if(obj.attachEvent){ obj.attachEvent('on'+xEvent,fn); }else{ obj.addEventListener(xEvent,fn,false); } } } ```

jquery 下拉框 刷新后怎么显示出想要的option

各位大佬 我怎么让页面每一次刷新 下拉框都回到 value为"转征报件"显示呀! ``` $(function(){ $("#JDhide").hide(); $("select").change(function(){ var a=$("select option:checked").val(); if(a =="转征报件") { $("#JDhide").hide(); } else if(a =="转征明细") { $("#JDhide").show(); } else if(a =="组建类别年度转征数据") { $("#JDhide").show(); } else if(a =="区域年度转征数据") { $("#JDhide").show(); } }) }) ```

如何在同一页面中使用html和php选择下拉列表更改事件的输入字段中从数据库中获取所选数据

<div class="post-text" itemprop="text"> <p>How to get selected data from database in input fields on select change event of drop down? </p> <p>I am using <code>html</code> and <code>PHP</code> in the same page. This means that when I change the selected value from drop down, my data in input field should also be changed which is coming from database.</p> <p>I want to trigger <code>PHP</code> database query on selected change event.</p> <p>i want code for php call. means when i am calling it on button then i will use this code: if(isset($_POST['submitbill'])). how to trigger it in php for select on change</p> <pre><code> $(function(){ $("select[name='selectname']").change(function () { var str = ""; $("select[name='selectname'] option:selected").each(function () { str += $(this).text() + " "; }); jQuery.ajax({ type: "POST", data: $("form#a").serialize(), success: function(data){ jQuery(".res").html(data); $('#test').html(data); } }); var str = $("form").serialize(); $(".res").text(str); }); }); &lt;select name="selectname" id="selectname" class="form-control" &gt; &lt;option value="0"&gt;Please select&lt;/option&gt; &lt;!--code for fetching customer names in dropdown--&gt; &lt;?php $query1 = "SELECT name FROM tb_customer"; $result1 = mysql_query($query1, $con) or die(mysql_error($con)); while($row = mysql_fetch_array($result1)){ $name = $row["name"]; ?&gt; &lt;option value="&lt;?php if(isset($name)) echo $name;?&gt;"&gt;&lt;?php if(isset($name)) echo $name;?&gt;&lt;/option&gt; &lt;?php } ?&gt; &lt;!--****************************************************--&gt; &lt;/select&gt; &lt;/div&gt; &lt;div id="test"&gt; &lt;input type="text" hidden name="custnametrial" id="custnametrial" value="&lt;?php if(isset($custnametrial)) echo $custnametrial;?&gt;"&gt; &lt;input type="text" hidden name="customer_code" id="customer_code" value="&lt;?php if(isset($customer_code)) echo $customer_code;?&gt;"&gt; &lt;input type="text" hidden name="agency_code" id="agency_code" value="&lt;?php if(isset($agency_code)) echo $agency_code;?&gt;"&gt; &lt;span style="color:#000066;"&gt;Name :&lt;/span&gt; &lt;input type="text" name="custnametrial" disabled style="border:none;background-color:#dddddd;" value="&lt;?php if(isset($custnametrial)) echo $custnametrial;?&gt;"&gt; &lt;br&gt; &lt;span style="color:#000066;"&gt;Address :&lt;/span&gt; &lt;input type="text" name="address" disabled style="border:none;background-color:#dddddd;" value="&lt;?php if(isset($address)) echo $address;?&gt;"&gt; &lt;br&gt; &lt;span style="color:#000066;"&gt;Pin Code : &lt;/span&gt; &lt;input type="text" name="pincode" disabled style="border:none;background-color:#dddddd;" value="&lt;?php if(isset($pincode)) echo $pincode;?&gt;"&gt; &lt;br&gt; &lt;span style="color:#000066;"&gt;GSTIN : &lt;/span&gt; &lt;/span&gt; &lt;input type="text" disabled name="gstin" style="border:none;background-color:#dddddd;" value="&lt;?php if(isset($gstin)) echo $gstin;?&gt;"&gt; &lt;br&gt; &lt;span style="color:#000066;"&gt;State : &lt;/span&gt; &lt;input type="text" disabled name="state" style="border:none;background-color:#dddddd;" value="&lt;?php if(isset($state)) echo $state;?&gt;"&gt; &lt;br&gt; &lt;span style="color:#000066;"&gt;Contact :&lt;/span&gt; &lt;input type="number" disabled name="contact_number" style="border:none;background-color:#dddddd;" value="&lt;?php if(isset($contact_number)) echo $contact_number;?&gt;"&gt; &lt;br&gt; &lt;span style="color:#000066;"&gt;Email :&lt;/span&gt; &lt;input type="email" disabled name="email" style="border:none;background-color:#dddddd;" value="&lt;?php if(isset($email)) echo $email;?&gt;"&gt; &lt;/div&gt; &lt;?php if(isset($_POST['selectname'])) { $name2 = $_POST['selectname']; $query1 = "SELECT * FROM tb_customer where name='$name2'"; $result1 = mysql_query($query1, $con) or die(mysql_error($con)); while($row = mysql_fetch_array($result1)){ $custnametrial = $row['name']; $customer_code = $row['customer_code']; $address = $row['address']; $pincode= $row['pincode']; $gstin=$row['gstin']; $state=$row['state']; $contact_number=$row['contact_number']; $email=$row['email']; $bank_details=$row['bank_details']; }} ?&gt; </code></pre> <p>I have added this code now working fine for me but its duplicating whole form on the same form</p> </div>

Jquery如何动态的给select中的option赋值或更改值?

``` <select id="x"> <option value=“1”>A</option> <option value=“2”>B</option> <option value=“3”>C</option> </select> ``` 现在要分情况不同要显示的A或B或C 也不同。 如何用jquery 替换ABC的值或赋值

Ajax无刷新提交表单并搜索数据库

![![图片说明](https://img-ask.csdn.net/upload/201603/22/1458634248_267260.png)图片说明](https://img-ask.csdn.net/upload/201603/22/1458634237_360971.png) 大家看图也能明白我的意思。页面中包含两个框架,下面的框架就是主要的问题所在。两个下拉列表联动已经会做了,现在想要点击“确定”后提交表单并在下面显示出数据库查询结果,但同时下拉列表不能刷新,保持选择的项目状态。目前点击按钮后会出现第二图的情况,恶心死我了。 我参考Shelley Powershot的《JavaScript学习指南》,可是却没能达到我想要的效果。提交表单是大概只能用post方法了吧……求大神相助,可以提供思路,提供参考文献或者指正我的代码 sd_help.php如下: ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> </head> <body class="font"> <div align="center"><font size="4px">选择您需要的帮助</font></div><br> <form name="search" action="search_db.php" method="post"> <div align="center"> <select name="domain" id="domain" onChange="redirec(document.search.domain.options.selectedIndex)"> <option selected value="0">请选择</option> <option value="1">体育</option> <option value="2">艺术</option> <option value="3">文史</option> </select>&nbsp;&nbsp;&nbsp;&nbsp; <select name="items" id="items"> <option value="0" selected>请选择</option> </select>&nbsp;&nbsp; <input type="submit" value="确定" id="submitButton"/> </form> </div> <script language="javascript"> //获取一级菜单长度 var groups = document.search.domain.options.length; var group = new Array(groups); //把一级菜单都设为数组 for (i=0; i<groups; i++) { group[i] = new Array();} //定义基本选项 group[0][0] = new Option("请选择", "0"); group[1][0] = new Option("足球", "1"); group[1][1] = new Option("篮球", "2"); group[1][2] = new Option("乒乓球", "3"); group[2][0] = new Option("歌唱", "4"); group[2][1] = new Option("舞蹈", "5"); group[2][2] = new Option("乐器", "6"); group[3][0] = new Option("小说", "7"); group[3][1] = new Option("散文", "8"); group[3][2] = new Option("诗词", "9"); //联动函数 function redirec(x) { var temp = document.search.items; for (i=0;i<group[x].length;i++) { temp.options[i]=new Option(group[x][i].text,group[x][i].value);} temp.options[0].selected=true; } //<![CDATA[ //全局变量 var xmlHttpObj; function catchEvent(eventObj,event,eventHandler){ if(eventObj.addEventListener){ eventObj.addEventListener(event,eventHandler,false); }else if(eventObj.attachEvent){ event="on"+event; eventObj.attachEvent(event,eventHandler); } } catchEvent(window,"load",function(){ //document.getElementById("helps").style.display="block"; document.getElementById("items").onchange=populateList; //document.getElementById("submitButton").style.display="none"; }); //创建XHR对象 function getXmlHttp(){ var xmlhttp=null; if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); if(xmlhttp.overrideMimeType){ xmlhttp.overrideMimeType('text/html'); } }else if(window.ActiveObject){ xmlhttp=new ActiveObject("Microsoft.XMLHTTP"); } return xmlhttp; } //准备并发送XHR请求 function populateList(){ var items=document.getElementById("items").value; var url='search_db.php'; var qry="items="+items; //如果xmlHttpObj为空 if(!xmlHttpObj) xmlHttpObj=getXmlHttp(); if(!xmlHttpObj) return; xmlhttp.open('POST',url,true); xmlhttp.onreadystatechange=getItems; xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xmlhttp.send(qry); } //处理返回的数据 function getItems(){ if(xmlHttpObj.readyState==4&&xmlHttpObj.status==200){ document.getElementById('helps').innerHTML=xmlHttpObj.responseText; }else if(xmlHttpObj.readyState==4&&xmlHttpObj.status!=200){ document.getElementById('helps').innerHTML='请求出错误!'; } } //]]> </script> <div align="center"> <table><tr><td id="helps"></td></tr></table> </div> </body> ``` search_db.php如下(暂为演示,所以没有执行数据库查询): ``` <?php if(empty($_QUEST['items'])){ echo "未传入items值!悲剧!"; } else echo ($_QUEST['items']); ?> ```

easyui回显数据,下拉框中内容第一次加载不出来,刷新一次才可以,求解决!!!

``` <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CreatePsyjs.aspx.cs" Inherits="RM_CNOOC.EDOC.RMDOC.CreatePsyjs" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10;text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge;text/html; charset=utf-8"/> <title></title> <link rel="stylesheet" type="text/css" href="../../Scripts/easyui/easyui.css"/> <link rel="stylesheet" type="text/css" href="../../Scripts/easyui/icon.css"/> <link rel="stylesheet" type="text/css" href="../../Scripts/easyui/color.css"/> <link rel="stylesheet" type="text/css" href="../../Scripts/easyui/demo.css"/> <script type="text/javascript" src="../../Scripts/easyui/jquery.min.js"></script> <script type="text/javascript" src="../../Scripts/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="../../Scripts/easyui/datagrid-filter.js"></script> <style type="text/css"> .divcss5{width:1610px} .wby{color:rgb(128, 128, 128)} </style> </head> <body style="font-family:微软雅黑,'Times New Roman', Times, serif;"> <form id="fm" method="post" style="margin-top:10px;padding:0px 50px" runat="server"> <div style="margin-bottom:10px"> <div style="margin-bottom:10px"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 报告名称:<input name="bgmc" id="bgmc" class="easyui-textbox" data-options="multiline:true,valueField:'value', textField:'text',required:true" style="width:90.3%"/> </div> <div style="margin-bottom:10px"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 储量类型: <select name="cllx" id="cllx" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:15%"> <option value="00">>>>请选择<<<</option> <option value="0">新增</option> <option value="1">复算</option> <option value="2">核算</option> <option value="3">新增、复算</option> <option value="4">新增、核算</option> <option value="5">复算、核算</option> <option value="6">新增、复算、核算</option> </select> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 油气类别: <select name="id_yqlb" id="id_yqlb" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:15%"> <option value="1">石油</option> <option value="2">天然气</option> <option value="3">石油和天然气</option> </select> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 申报单位:<select name="sbdw" id="sbdw" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:40%"> <option value="1">中海石油(中国)有限公司</option> <option value="2">中国海洋石油总公司</option> <option value="3">中国海洋石油集团公司</option> <option value="4">中国海洋石油总公司、中海石油(中国)有限公司</option> <option value="5">中国海洋石油集团公司、中海石油(中国)有限公司</option> </select> </div> <div style="margin-bottom:10px"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 评审时间:<input name="pssj" id="pssj" class="easyui-datebox" data-options="editable:false,required:true" style="width:15%"/> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 评审会议地址: <select name="pshydz" id="pshydz" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:15%"> <option value="1">北京</option> <option value="2">天津</option> <option value="3">上海</option> <option value="4">深圳</option> <option value="5">湛江</option> </select> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 编写单位:<select name="bxdw" id="bxdw" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:40%"> <option value="1">中海石油(中国)有限公司天津分公司</option> <option value="2">中海石油(中国)有限公司湛江分公司</option> <option value="3">中海石油(中国)有限公司深圳分公司</option> <option value="4">中海石油(中国)有限公司上海分公司</option> <option value="5">中联煤层气责任有限公司</option> </select> </div> <div style="margin-bottom:10px" class="d1"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 评审汇报人:<input name="pshbr" id="pshbr" class="easyui-textbox" data-options="valueField:'value', textField:'text',required:true" style="width:15%"/> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 评审专家组组长:<select name="pszjzzz" id="pszjzzz" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:15%;"> </select> &nbsp&nbsp&nbsp&nbsp&nbsp 专家组成员:<select name="pszjzcy" id="pszjzcy" data-options="multiple:true,valueField:'value', textField:'text',editable:false" style="width:37%;"> </select> <a id="zjzcy_add" href="javascript:OpenAddZjzcy(0);" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:'true'" style="width:26px;height:26px">新增</a> </div> <div style="margin-bottom:10px"> 评审机构负责人:<input name="psjgfzr" id="psjgfzr" class="easyui-textbox" data-options="valueField:'value', textField:'text',required:true" style="width:15%"/> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 会议主持人:<input name="hyzcr" id="hyzcr" class="easyui-textbox" data-options="valueField:'value', textField:'text',required:true" style="width:15%"/> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 申报日期 : <input name="sbrq" id="sbrq" class="easyui-datebox" data-options="editable:false,required:true" style="width:10%"/> &nbsp&nbsp&nbsp&nbsp 会议日期 : <input name="hyrq01" id="hyrq01" class="easyui-datebox" data-options="editable:false,required:true" style="width:10%"/>~ <input name="hyrq02" id="hyrq02" class="easyui-datebox" data-options="editable:false,required:true" style="width:10%"/> </div> <div style="margin-bottom:10px" class="d1"> 评审意见书执笔人: <select name="psyjszbr" id="psyjszbr" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:12%"> <option>>>>请选择<<<</option> </select> <a id="psyjszbr_add" href="javascript:OpenAddZjzcy(1);" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:'true'" style="width:26px;height:26px">新增</a> </div> <hr /> <div class="divcss5"> <div style="margin-bottom:10px"> <h2>一、油田申报区概况 </h2> </div> (一)位置、交通和自然地理概况: <div class="wby" style="margin-bottom:10px"> <input name="wzjtdl" id="wzjtdl" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:50%;height:150%"/> 示例说明:xx油田申报区位于中国xx海域,距香港约xxkm....... </div> (二)地质概况: <div class="wby" style="margin-bottom:10px"> <input name="dlgk" id="dlgk" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:50%;height:150%"/>示例说明: </div> (三)储层基本特征: <div class="wby" style="margin-bottom:10px"> <input name="ccjbtz" id="ccjbtz" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:50%;height:150%"/>示例说明: </div> (四)油藏特征: <div class="wby" style="margin-bottom:10px"> <input name="yctz" id="yctz" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:50%;height:150%"/>示例说明: </div> (五)共伴生矿产资源简况: <div class="wby" style="margin-bottom:10px"> <input name="gbskczy" id="gbskczy" class="easyui-textbox" value="申报区目的层系内尚未发现除油气以外的共伴生矿产资源。" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:50%;height:150%"/>示例说明: </div> <div style="margin-bottom:10px"> <h2>二、油田勘探开发利用简况 </h2> </div> (一)以往勘探工作: <div class="wby" style="margin-bottom:10px"> <input name="ywktgz" id="ywktgz" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:50%;height:150%"/>示例说明: </div> (二)油田开发利用简况: <div class="wby" style="margin-bottom:10px"> <input name="ytkfly" id="ytkfly" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:50%;height:150%"/>示例说明: </div> (三)毗邻油田的有用信息: <div class="wby" style="margin-bottom:10px"> <input name="plytyyxx" id="plytyyxx" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:50%;height:150%"/>示例说明: </div> (四)本次工作情况:<br /> <h3>1.矿业权情况</h3> <div id="div_kyq"></div> <div style="margin-bottom:10px"> <h3>2.与生态环境保护区重叠情况</h3> <select name="sthjbhq" id="sthjbhq" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:7%"> <option value="1">有</option> <option value="2">无</option> </select> </div> <div style="margin-bottom:10px" id="div_id_sthjbhqmc"> 生态环境保护区名称:<input name="sthjbhqmc" id="sthjbhqmc" class="easyui-textbox" data-options="valueField:'value', textField:'text',editable:true,required:true" style="width:15%"/> </div> </div> <h3>3.勘探工作情况(申报区已完成的勘探工作量和取资料情况如下:)</h3> (1)地震: <div class="wby" style="margin-bottom:10px"> <input name="ktgz_dz" id="ktgz_dz" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> (2)钻井: <div class="wby" style="margin-bottom:10px"> <input name="ktgz_zj" id="ktgz_zj" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> (3)测井: <div class="wby" style="margin-bottom:10px"> <input name="ktgz_cj" id="ktgz_cj" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> (4)测试: <div class="wby" style="margin-bottom:10px"> <input name="ktgz_cs" id="ktgz_cs" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> (5)分析化验: <div class="wby" style="margin-bottom:10px"> <input name="ktgz_fxhy" id="ktgz_fxhy" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> <div id="div_id_xzgzl"> <div id="div_top_id_xzgzl"></div> </div> <div class="wby" style="margin-bottom:10px"> <input name="ktgz_yfhsqxb" id="ktgz_yfhsqxb" class="easyui-textbox" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> <div style="margin-bottom:10px"> <h2>三、储量申报情况</h2> </div> <div style="margin-bottom:10px"> (一)产量起算标准 </div> <div style="margin-bottom:10px"> 储量计算截止日期: <input name="cljsjzrq" id="cljsjzrq" class="easyui-datebox" data-options="editable:false,required:true" style="width:10%" /> 地质储量计算方法: <select name="dzcljsff" id="dzcljsff" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:10%"> <option value="1">容积法</option> <option value="2">动态法</option> <option value="3">概率法</option> </select> </div> <div style="margin-bottom:10px"> <select name="id_clqsbz_y" id="id_clqsbz_y" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false" style="width:20%"> <option value="1">≤500m-2.5</option> <option value="2">>500m~≤1000-4.0</option> <option value="4">>1000m~≤2000-7.5</option> <option value="5">>2000m~≤3000-12.5</option> <option value="6">>3000m~≤4000-17.5</option> <option value="7">>4000m-25.0</option> </select>埋藏深度;单井油产量 <select name="id_clqsbz_q" id="id_clqsbz_q" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false" style="width:20%"> <option value="1">≤500m-0.3</option> <option value="2">>500m~≤1000-0.5</option> <option value="3">>1000m~≤2000-1.0</option> <option value="4">>2000m~≤3000-2.0</option> <option value="5">>3000m~≤4000-2.5</option> <option value="6">>4000m-3.5</option> </select>&nbsp&nbsp 埋藏深度;单井气产量 </div> (二)储量估算结果<br /> <div style="margin-bottom:10px"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 新增储量名称:<input name="xzclmc" id="xzclmc" class="easyui-textbox" data-options="valueField:'value', textField:'text',editable:true,required:true" style="width:30.5%"/> </div> <div style="margin-bottom:10px"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 矿权类别:<input name="kqlb" id="kqlb" class="easyui-textbox" data-options="valueField:'value', textField:'text',editable:true,required:true" style="width:10%"/> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 海域: <select name="hy" id="hy" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:10%"> <option value="1">渤海</option> <option value="2">东海</option> <option value="3">黄海</option> <option value="4">南海</option> </select> </div> (三)储量参数选取:<br /> 1.储量状态界定: <div class="wby" style="margin-bottom:10px"> <input name="clztjd" id="clztjd" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> 2.计算单元划分: <div class="wby" style="margin-bottom:10px"> <input name="jsdyhf" id="jsdyhf" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> 3.含油面积圈定: <div class="wby" style="margin-bottom:10px"> <input name="hymjqd" id="hymjqd" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> 4.有效厚度: <div class="wby" style="margin-bottom:10px"> <input name="yxhd" id="yxhd" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> 5.有效孔隙度: <div class="wby" style="margin-bottom:10px"> <input name="yxkxd" id="yxkxd" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> 6.原始含油饱和度: <div class="wby" style="margin-bottom:10px"> <input name="yshybhd" id="yshybhd" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> 7.地面原油密度、原始原油体积系数和气油比: <div class="wby" style="margin-bottom:10px"> <input name="dmyymd_ysyytjxshqyb" id="dmyymd_ysyytjxshqyb" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> 8.技术可采储量: <div class="wby" style="margin-bottom:10px"> <input name="jskccl" id="jskccl" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> 9.经济可采储量: <div class="wby" style="margin-bottom:10px"> <input name="jjkccl" id="jjkccl" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> <div id="div_id_clbhyyfx"> <div id="div_top_id_clbhyyfx"></div> 地质储量变化原因: <div style="margin-bottom:10px"> <input name="dzclbhyyfx" id="dzclbhyyfx" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/><br /> </div> 可采储量变化原因: <div style="margin-bottom:10px"> <input name="kcclbhyyfx" id="kcclbhyyfx" class="easyui-textbox" value="无" data-options="multiline:true,valueField:'value', textField:'text',editable:true,required:true" style="width:72%;height:150%"/><br /> </div> </div> <div style="margin-bottom:10px"> <h2>四、储量报告评审情况</h2> </div> <h3>调查</h3> <div style="margin-bottom:10px"> &nbsp 油田类型: <select name="ytlx" id="ytlx" class="easyui-combobox" data-options="valueField:'value', textField:'text',editable:false,required:true" style="width:10%"> <option value="00">>>>请选择<<<</option> <option value="1">中型</option> <option value="2">大型</option> </select> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 调查日期: <input name="dc_rq01" id="dc_rq01" class="easyui-datebox" data-options="required:true" style="width:10%"/>至 <input name="dc_rq02" id="dc_rq02" class="easyui-datebox" data-options="required:true" style="width:10%"/> </div> <div style="margin-bottom:10px"> 调查组组长:<input name="dc_zz" id="dc_zz" class="easyui-textbox" data-options="required:true" style="width:10%"/> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 成员:<input name="dc_cy" id="dc_cy" class="easyui-textbox" data-options="valueField:'value', textField:'text',editable:true,required:true" style="width:21%"/> 调查现场: <input name="dc_xc" id="dc_xc" class="easyui-textbox" data-options="valueField:'value', textField:'text',editable:true,required:true" style="width:19%"/> </div> <h3>主要评审意见</h3> <div style="margin-bottom:10px"> 参数是否有修改: 没有<input type="radio"name="zypsyj" value="0" /> 有<input type="radio"name="zypsyj" value="1" checked="checked"/> </div> 申报区为: <div class="wby" style="margin-bottom:10px"> <input name="sbq" id="sbq" class="easyui-textbox" data-options="multiline:true,valueField:'value', textField:'text',editable:true" style="width:72%;height:150%"/>示例说明: </div> <div style="margin-bottom:10px"> 申报的储量报告包括主报告1份、附图表册1份,还包括: <input name="sbcl" id="sbcl" class="easyui-textbox" data-options="valueField:'value', textField:'text',editable:true,required:true" style="width:20%"/> </div> 评审组认为: <div class="wby" style="margin-bottom:10px"> <input name="psz_yj" id="psz_yj" class="easyui-textbox" value="无" data-options="multiline:true, textField:'text',editable:true,required:true" style="width:72%;height:150%"/>示例说明: </div> <h2>六、说明与建议</h2> <div style="margin-bottom:10px"> 注意材料: <input name="zycl" id="zycl" class="easyui-textbox"data-options="valueField:'value', textField:'text',editable:true,required:true" style="width:10%"/> </div> <h3>附件</h3> <div style="margin-bottom:10px"> 与矿业权许可证范围叠合图(局部放大): 无<input type="radio"name="fj_kyqxkz_jb" value="0" /> 有<input type="radio"name="fj_kyqxkz_jb" value="1" checked="checked"/> </div> <div style="margin-bottom:10px"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 与海域范围叠合图(局部放大): 无<input type="radio"name="fj_hy_jb" value="0" /> 有<input type="radio"name="fj_hy_jb" value="1" checked="checked"/> </div> </div> <input type="hidden" name="bgmc_text01" id="bgmc_text01" /> <input type="hidden" name="bgmc_text02" id="bgmc_text02" /> <input type="hidden" name="sbdw_text" id="sbdw_text" /> <input type="hidden" name="bxdw_text" id="bxdw_text" /> <input type="hidden" name="cllx_text" id="cllx_text" /> <input type="hidden" name="pszjzzz_text" id="pszjzzz_text" /> <input type="hidden" name="xzcy" id="xzcy" /> <input type="hidden" name="pszjzcy_text" id="pszjzcy_text" /> <input type="hidden" name="yqlb_text" id="yqlb_text" /> <input type="hidden" name="psyjszbr_text" id="psyjszbr_text" /> <input type="hidden" name="xzzbr" id="xzzbr" /> <input type="hidden" name="id_clqsbz_text" id="id_clqsbz_text" /> <input type="hidden" name="id_clqsbz_y_text" id="id_clqsbz_y_text" /> <input type="hidden" name="id_clqsbz_q_text" id="id_clqsbz_q_text" /> <input type="hidden" name="dzcljsff_text" id="dzcljsff_text" /> <input type="hidden" name="hy_text" id="hy_text" /> <input type="hidden" name="pshydz_text" id="pshydz_text" /> <input type="hidden" name="ytlx_text" id="ytlx_text" /> </form> <div id="dlg-buttons"> <a id="btn_add_doc" href="javascript:saveDoc()" class="easyui-linkbutton c6" data-options="iconCls:'icon-ok'" style="width:90px">保存</a> <a id="btn_export_doc" href="javascript:exportDoc();" data-options="iconCls:'icon-ok'" class="easyui-linkbutton c6" style="width:90px">导出</a> </div> <div id="div_addCY01" class="easyui-dialog" style="width:600px" data-options="closed:true,modal:true,border:'thin'"> <form id="fm1" enctype="multipart/form-data" style="margin:10px 0px;padding:0px 50px" method="post"> 专家组成员: <div style="margin-bottom:10px"> <input id="pszjzxzcy" name="fm1_pszjzxzcy" class="easyui-textbox" multiple:'multiple'" style="width:80%"/> <a id="save" href="javascript:AddZjzcy(0)" class="easyui-linkbutton c6" data-options="iconCls:'icon-ok'" style="width:80px">保存</a> </div> </form> </div> <div id="div_addCY02" class="easyui-dialog" style="width:600px" data-options="closed:true,modal:true,border:'thin',buttons:'#div_save'"> <form id="fm2" enctype="multipart/form-data" style="margin:10px 0px;padding:0px 50px" method="post"> 评审意见书执笔人: <div style="margin-bottom:10px"> <input id="psyjsxzzbr" name="fm2_psyjsxzzbr" class="easyui-textbox" multiple:'multiple'" style="width:80%"/> <a id="save1" href="javascript:AddZjzcy(1)" class="easyui-linkbutton c6" data-options="iconCls:'icon-ok'" style="width:80px">保存</a> </div> </form> </div> <script type="text/javascript"> var uuid = "<%=uuid%>"; var load = "<%=load%>"; var kyqNumCount = 0; var kyqlxmc = ""; var pszjzxzcy = ""; var psyjsxzzbr = ""; //加载页面 if (load == "3") { $.ajax({ url: "ExportWord.ashx", data: { 'load': '3', 'uuid': uuid }, async: false, type: 'post', success: function (resultData) { var psyjs = JSON.parse(resultData); //回显矿业权情况 var kyqqk = [] ; var arr = psyjs["t"][0].kyqqk.split(';'); for(var i = 0;i<arr.length;i++){ var yiWei = []; var m = arr[i].split('-'); for(var j = 0;j<m.length;j++){ yiWei.push(m[j]); } kyqqk.push(yiWei); } var str = ""; for (var i = 0; i < psyjs["t"][0].kqsl; i++) { str += "<div id='div_id_kyq_kc_rq"+i+"'>" + "<div style='margin-bottom:10px'>" + "矿业权登记项目名称:<input name='kyqdjxmmc"+i+"' id='kyqdjxmmc"+i+"' value='"+ kyqqk[i][0] +"' class='easyui-textbox' data-options='editable:false' style='width:15%'/>" + "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" + "矿业权许可证号:<input name='kyqxkzh"+i+"' id='kyqxkzh"+i+"' value='"+kyqqk[i][1]+"' class='easyui-textbox' data-options='editable:false' style='width:10%'/>" + "</div>" + "<div style='margin-bottom:10px'>" + "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" + "有效期限自:" + "<input name='kyqrq0"+i+"' id='kyqrq0"+i+"' value='"+ kyqqk[i][4] +"' class='easyui-datebox' data-options='editable:false,required:true' style='width:7%'/>至" + "<input name='kyqrq1"+i+"' id='kyqrq1"+i+"' value='"+ kyqqk[i][5] +"' class='easyui-datebox' data-options='editable:false,required:true' style='width:7.5%'/>" + "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" + kyqqk[i][2]+"面积:<input name='kyqmj"+i+"' id='kyqmj"+i+"' value='"+ kyqqk[i][3] +"' class='easyui-textbox' data-options='editable:true,required:true' style='width:10%'/>" + "</div>" + "</div>"; kyqlxmc += kyqqk[i][2] + ","; kyqNumCount++; } $("#div_kyq").append(str); } }); } else { //新建数据 $.ajax({ url: "ExportWord.ashx", data: { 'load': '1', 'ytdm': getQueryString('ytdm'), 'nd': getQueryString('nd') }, async: false, type: 'post', success: function (resultData) { var psyjs = JSON.parse(resultData) var str = ""; for (var i = 0; i < psyjs["t"].length; i++) { var lxmc = psyjs["t"][i].KYQLXMC; var index=lxmc.lastIndexOf("\【"); lxmc = lxmc.substring(index + 1, lxmc.length); lxmc = lxmc.substring(0, lxmc.length - 1); str += "<div id='div_id_kyq_kc_rq"+i+"'>" + "<div style='margin-bottom:10px'>" + "矿业权登记项目名称:<input name='kyqdjxmmc"+i+"' id='kyqdjxmmc"+i+"' value='"+psyjs["t"][i].KYQMC+"' class='easyui-textbox' data-options='editable:false' style='width:15%'/>" + "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" + "矿业权许可证号:<input name='kyqxkzh"+i+"' id='kyqxkzh"+i+"' value='"+psyjs["t"][i].KYQXKH+"' class='easyui-textbox' data-options='editable:false' style='width:10%'/>" + "</div>" + "<div style='margin-bottom:10px'>" + "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" + "有效期限自:" + "<input name='kyqrq0"+i+"' id='kyqrq0"+i+"' class='easyui-datebox' data-options='editable:false,required:true' style='width:7%'/>至" + "<input name='kyqrq1"+i+"' id='kyqrq1"+i+"' class='easyui-datebox' data-options='editable:false,required:true' style='width:7.5%'/>" + "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" + lxmc+"面积:<input name='kyqmj"+i+"' id='kyqmj"+i+"' class='easyui-textbox' data-options='editable:true,required:true' style='width:10%'/>" + "</div>" + "</div>"; kyqlxmc += lxmc + ","; kyqNumCount++; } $("#div_kyq").append(str); } }); } $(document).ready(function () { GetOption(); //禁用文本框 $("#dc_rq01").textbox("disable"); $("#dc_rq02").textbox("disable"); $("#dc_cy").textbox("disable"); $("#dc_zz").textbox("disable"); $("#dc_xc").textbox("disable"); $("#sbq").textbox("disable"); $("#sbcl").textbox("disable"); $("#ktgz_yfhsqxb").textbox("disable"); $("#dzclbhyyfx").textbox("disable"); $("#kcclbhyyfx").textbox("disable"); // 填充数据 if (load == "3") { //回显数据 $.ajax({ url: "ExportWord.ashx", data: { 'load': '3', 'uuid': uuid }, type: 'post', success: function (resultData) { var psyjs = JSON.parse(resultData); $('#bgmc').textbox('setValue', psyjs["t"][0].bgmc); $('#cllx').textbox('setValue', psyjs["t"][0].cllx); if (psyjs["t"][0].cllx != "新增") { $("#ktgz_yfhsqxb").textbox("enable"); $("#dzclbhyyfx").textbox("enable"); $("#kcclbhyyfx").textbox("enable"); } $('#id_yqlb').textbox('setValue', psyjs["t"][0].yqlb); $('#pssj').textbox('setValue', psyjs["t"][0].pssj); $('#sbdw').textbox('setValue', psyjs["t"][0].sbdw); $('#bxdw').textbox('setValue', psyjs["t"][0].bxdw); $('#pshbr').textbox('setValue', psyjs["t"][0].pshbr); $('#hyzcr').textbox('setValue', psyjs["t"][0].hyzcr); $('#psjgfzr').textbox('setValue', psyjs["t"][0].psjgfzr); $('#pszjzzz').textbox().textbox('setValue', psyjs["t"][0].pszjzzz); $('#pszjzcy').textbox().textbox('setValue', psyjs["t"][0].pszjzcy); $('#psyjszbr').textbox().textbox('setValue', psyjs["t"][0].zbr); $('#sbrq').textbox().textbox('setValue', psyjs["t"][0].sbrq); $('#hyrq01').textbox().textbox('setValue', psyjs["t"][0].hyrq_start); $('#hyrq02').textbox().textbox('setValue', psyjs["t"][0].hyrq_end); $('#pshydz').textbox().textbox('setValue', psyjs["t"][0].pshydz); $('#wzjtdl').textbox('setValue', psyjs["t"][0].wzjtdl); $('#dlgk').textbox('setValue', psyjs["t"][0].dlgk); $('#ccjbtz').textbox('setValue', psyjs["t"][0].ccjbtz); $('#yctz').textbox('setValue', psyjs["t"][0].yctz); $('#gbskczy').textbox('setValue', psyjs["t"][0].gbskczy); $('#ywktgz').textbox('setValue', psyjs["t"][0].ywktgz); $('#ytkfly').textbox('setValue', psyjs["t"][0].ytkfly); $('#plytyyxx').textbox('setValue', psyjs["t"][0].plytyyxx); $('#sthjbhqmc').textbox('setValue', psyjs["t"][0].sthjbhqmc); $('#ktgz_dz').textbox('setValue', psyjs["t"][0].ktgz_dz); $('#ktgz_zj').textbox('setValue', psyjs["t"][0].ktgz_zj); $('#ktgz_cj').textbox('setValue', psyjs["t"][0].ktgz_cj); $('#ktgz_cs').textbox('setValue', psyjs["t"][0].ktgz_cs); $('#ktgz_fxhy').textbox('setValue', psyjs["t"][0].ktgz_fxhy); $('#ktgz_yfhsqxb').textbox('setValue', psyjs["t"][0].ktgz_yfhsqxb); $('#cljsjzrq').textbox('setValue', psyjs["t"][0].cljsjzrq); $('#dzcljsff').textbox('setValue', psyjs["t"][0].dzcljsff); $('#id_clqsbz_y').textbox('setValue', psyjs["t"][0].clqsbz_y); $('#id_clqsbz_q').textbox('setValue', psyjs["t"][0].clqsbz_q); $('#xzclmc').textbox('setValue', psyjs["t"][0].xzclmc); $('#kqlb').textbox('setValue', psyjs["t"][0].kqlb); $('#clztjd').textbox('setValue', psyjs["t"][0].clztjd); $('#jsdyhf').textbox('setValue', psyjs["t"][0].jsdyhf); $('#hymjqd').textbox('setValue', psyjs["t"][0].hymjqd); $('#yxhd').textbox('setValue', psyjs["t"][0].yxhd); $('#yxkxd').textbox('setValue', psyjs["t"][0].yxkxd); $('#yshybhd').textbox('setValue', psyjs["t"][0].yshybhd); $('#dmyymd_ysyytjxshqyb').textbox('setValue', psyjs["t"][0].dmyymd_ysyytjxshqyb); $('#jskccl').textbox('setValue', psyjs["t"][0].jskccl); $('#jjkccl').textbox('setValue', psyjs["t"][0].jjkccl); $('#dzclbhyyfx').textbox('setValue', psyjs["t"][0].dzclbhyyfx); $('#kcclbhyyfx').textbox('setValue', psyjs["t"][0].kcclbhyyfx); $('#ytlx').textbox('setValue', psyjs["t"][0].dc_ytlx); $('#dc_rq01').textbox('setValue', psyjs["t"][0].dc_rq_start); $('#dc_rq01').textbox('setValue', psyjs["t"][0].dc_rq_end); $('#dc_zz').textbox('setValue', psyjs["t"][0].dc_zz); $('#dc_cy').textbox('setValue', psyjs["t"][0].dc_cy); $('#dc_xc').textbox('setValue', psyjs["t"][0].dc_xc); if ('setValue', psyjs["t"][0].pszyj != "") { $("#sbq").textbox("disable"); $("#sbcl").textbox("disable"); $("#psz_yj").textbox("enable"); $("input[type='radio'][name='zypsyj']").get(1).checked = true; $('#psz_yj').textbox('setValue', psyjs["t"][0].pszyj); } else { $("#sbq").textbox("enable"); $("#sbcl").textbox("enable"); $("#psz_yj").textbox("disable"); $("input[type='radio'][name='zypsyj']").get(0).checked = true; $('#sbq').textbox('setValue', psyjs["t"][0].sbq); $('#sbcl').textbox('setValue', psyjs["t"][0].sbcl); } $('#zycl').textbox('setValue', psyjs["t"][0].zycl); $('#fj_kyqxkz_jb').textbox('setValue', psyjs["t"][0].kyqjb); $('#fj_hy_jb').textbox('setValue', psyjs["t"][0].hyjb); } }); } }); //主要评审意见禁用文本框 $("input[name=zypsyj]").click(function(){ var val = $(this).val(); if (val == 0) { $("#sbq").textbox("enable"); $("#sbcl").textbox("enable"); $("#psz_yj").textbox("disable"); } else { $("#sbq").textbox("disable"); $("#sbcl").textbox("disable"); $("#psz_yj").textbox("enable"); } }); function OpenAddZjzcy(e) { if (e == 0) { $('#div_addCY01').dialog('open').dialog('center').dialog('setTitle', '新增'); $('#fm1').form('clear'); } else { $('#div_addCY02').dialog('open').dialog('center').dialog('setTitle', '新增'); $('#fm2').form('clear'); } } function AddZjzcy(e) { if (e == 0) { $.ajax({ url: "SaveExpert.ashx", data: $.param({ 'load': '1' }) + '&' + $("#fm1").serialize(), type: 'post', success: function (data) { if (data != "" && data != null) { if (data != "ok") { alert(data); } else { alert("新增成功"); $('#div_addCY01').dialog('close'); GetOption(); } } else { alert("新增失败"); } } }); } else { $.ajax({ url: "SaveExpert.ashx", data: $.param({ 'load': '2' }) + '&' + $("#fm2").serialize(), type: 'post', success: function (data) { if (data != "" && data != null) { alert("新增成功"); $('#div_addCY02').dialog('close'); GetOption(); } else { alert("新增失败"); } } }); } } //隐藏显示DIV //新增储量类型 $("#cllx").combobox({ onSelect: function (record) { if (record.text != (">>>请选择<<<")) { if (record.text.indexOf("新增")) { $("#ktgz_yfhsqxb").textbox("enable"); $("#dzclbhyyfx").textbox("enable"); $("#kcclbhyyfx").textbox("enable"); } else { $("#ktgz_yfhsqxb").textbox("disable"); $("#dzclbhyyfx").textbox("disable"); $("#kcclbhyyfx").textbox("disable"); } } var str01 = "前相比,新增的工作量如下:"; var str02 = "储量变化原因分析" if (record.text == "复算") { $("#div_top_id_xzgzl").html("(6)与复算" + str01); $("#div_top_id_clbhyyfx").html("10.复算" + str02); } else if (record.text == "核算") { $("#div_top_id_xzgzl").html("(6)与核算" + str01); $("#div_top_id_clbhyyfx").html("10.核算" + str02); } else if (record.text == "复算、核算") { $("#div_top_id_xzgzl").html("(6)与复算、核算" + str01); $("#div_top_id_clbhyyfx").html("10.复算、核算" + str02); } else { $("#div_top_id_xzgzl").html("(6)新增报告没有,复核算报告才有"); $("#div_top_id_clbhyyfx").html("10.新增报告没有,复核算报告才有"); } } }) //调查 $("#ytlx").combobox({ onSelect: function (record) { //储量变化原因分析,修改值 if (record.text == "中型") { $("#dc_rq01").textbox("disable"); $("#dc_rq02").textbox("disable"); $("#dc_cy").textbox("disable"); $("#dc_zz").textbox("disable"); $("#dc_xc").textbox("disable"); } if (record.text == "大型") { $("#dc_rq01").textbox("enable"); $("#dc_rq02").textbox("enable"); $("#dc_zz").textbox("enable"); $("#dc_cy").textbox("enable"); $("#dc_xc").textbox("enable"); } } }) //生态环境保护区名称 $("#sthjbhq").combobox({ onSelect: function (record) { if (record.text == "有") {$("#div_id_sthjbhqmc").attr("style", "display:block;");} if (record.text == "无") {$("#div_id_sthjbhqmc").attr("style", "display:none;");} } }) //产量起算标准 //$("#id_clqsbz").combobox({ // onSelect: function (record) { // if (record.text == "单井油产量") { // $("#div_clqsbz_q").attr("style", "display:none;"); // $("#div_clqsbz_y").attr("style", "display:block;"); // } // if (record.text == "单井气产量") { // $("#div_clqsbz_y").attr("style", "display:none;"); // $("#div_clqsbz_q").attr("style", "display:block;"); // } // } //}) //保存word function saveDoc() { //回显数据修改后保存 if (load == "3") { document.getElementById('xzcy').value = pszjzxzcy; document.getElementById('xzzbr').value = psyjsxzzbr; //表单校验 if (!$('#fm').form('enableValidation').form('validate')) { return $(this).form('enableValidation').form('validate'); } else { $.messager.confirm('提示框', '提交后信息无法更改!您确认要提交吗?', function (ok) { if (ok) { SBC();//转换全角,序列化对象在提交时英文会报错 GetOptionsAndVoluation();//获取下拉框索引并赋值,使后台获取 //后台调取数据 $.ajax({ url: "ExportWord.ashx", data: $.param({ 'ytdm': getQueryString('ytdm'), 'nd': getQueryString('nd'), 'load': '4', 'tbr': getQueryString('tbr'), 'uuid': uuid, 'kyqNumCount': kyqNumCount, "kyqlxmc": kyqlxmc }) + '&' + $("#fm").serialize(), type: 'post', success: function (resultData) { alert(resultData); document.getElementById("btn_export_doc").href = 'CreatePsyjs.aspx?load=2&uuid=' + uuid; } }); } else { return $('#fm').form('validate'); } } ) } } else { uuid = guid(12, 16); document.getElementById('xzcy').value = pszjzxzcy; document.getElementById('xzzbr').value = psyjsxzzbr; //转换全角,序列化对象在提交时英文会报错 SBC(); //获取下拉框索引并赋值,使后台获取 GetOptionsAndVoluation(); //表单校验 if (!$('#fm').form('enableValidation').form('validate')) { return $(this).form('enableValidation').form('validate'); } else { $.messager.confirm('提示框', '提交后信息无法更改!您确认要提交吗?', function (ok) { if (ok) { //后台调取数据 $.ajax({ url: "ExportWord.ashx", data: $.param({ 'ytdm': getQueryString('ytdm'), 'tbr': getQueryString('tbr'),'uuid': uuid , 'kyqNumCount': kyqNumCount, "kyqlxmc": kyqlxmc}) + '&' + $("#fm").serialize(), type: 'post', success: function (resultData) { alert(resultData); document.getElementById("btn_export_doc").href = 'CreatePsyjs.aspx?load=2&uuid=' + uuid; } }); } else { return $('#fm').form('validate'); } } ) } } } function exportDoc() { if (uuid == null) { alert("请先保存数据!"); } } function guid(len, radix) { //len 长度 radix 基数 例:uuid(8, 16) // "098F4D35" var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''); var uuid = [], i; radix = radix || chars.length; if (len) { for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix]; } else { var r; uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-'; uuid[14] = '4'; for (i = 0; i < 36; i++) { if (!uuid[i]) { r = 0 | Math.random()*16; uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r]; } } } return uuid.join(''); } function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = location.search.substr(1).match(reg); if (r != null) return unescape(decodeURI(r[2])); return null; } function SBC() { ToSBC("wzjtdl"); ToSBC("dlgk"); ToSBC("ccjbtz"); ToSBC("yctz"); ToSBC("gbskczy"); ToSBC("ywktgz"); ToSBC("ytkfly"); ToSBC("plytyyxx"); ToSBC("ktgz_dz"); ToSBC("ktgz_zj"); ToSBC("ktgz_cj"); ToSBC("ktgz_cs"); ToSBC("ktgz_fxhy"); ToSBC("ktgz_yfhsqxb"); if ($("#ktgz_yfhsqxb").val() != "") { ToSBC("ktgz_yfhsqxb"); } if ($("#dzclbhyyfx").val() != "") { ToSBC("dzclbhyyfx"); } if ($("kcclbhyyfx").val() != "") { ToSBC("kcclbhyyfx"); } ToSBC("clztjd"); ToSBC("jsdyhf"); ToSBC("hymjqd"); ToSBC("yxhd"); ToSBC("yxkxd"); ToSBC("yshybhd"); ToSBC("dmyymd_ysyytjxshqyb"); ToSBC("jskccl"); ToSBC("jjkccl"); ToSBC("dc_xc"); ToSBC("dc_cy"); ToSBC("sbq"); ToSBC("sbcl"); ToSBC("psz_yj"); ToSBC("zycl"); } function ToSBC(txtstring) { var text = $("#" + txtstring + "").val(); var tmp = text; for (var i = 0; i < text.length; i++) { if (text.charAt(i) == "³") { alert("可以"); } if (!/^[\x00-\xff]*$/.test(text.charAt(i))) { if (text.charCodeAt(i) == 32) { tmp = ""; tmp = tmp + String.fromCharCode(12288); } if (text.charCodeAt(i) < 127 ) { //&& text.charCodeAt(i) != 109 tmp = ""; tmp = tmp + String.fromCharCode(text.charCodeAt(i) + 65248); } } } $("#" + txtstring + "").textbox("setValue", tmp); } function GetOptionsAndVoluation() { document.getElementById('bgmc_text01').value = $("#bgmc").val().split("油田")[0]; document.getElementById('bgmc_text02').value = $("#bgmc").val().split("油田")[1]; document.getElementById('pszjzzz_text').value = $("#pszjzzz").combobox("getText"); document.getElementById('pszjzcy_text').value = $("#pszjzcy").combobox("getText"); document.getElementById('cllx_text').value = $("#cllx").combobox("getText"); document.getElementById('yqlb_text').value = $("#id_yqlb").combobox("getText"); document.getElementById('sbdw_text').value = $("#sbdw").combobox("getText"); document.getElementById('psyjszbr_text').value = $("#psyjszbr").combobox("getText"); document.getElementById('bxdw_text').value = $("#bxdw").combobox("getText"); //document.getElementById('id_clqsbz_text').value = $("#id_clqsbz").combobox("getText");可以删除, document.getElementById('id_clqsbz_y_text').value = $("#id_clqsbz_y").combobox("getText"); document.getElementById('id_clqsbz_q_text').value = $("#id_clqsbz_q").combobox("getText"); document.getElementById('dzcljsff_text').value = $("#dzcljsff").combobox("getText"); document.getElementById('hy_text').value = $("#hy").combobox("getText"); document.getElementById('pshydz_text').value = $("#pshydz").combobox("getText"); document.getElementById('ytlx_text').value = $("#ytlx").combobox("getText"); } function GetOption() { $("#pszjzzz").empty(); $("#pszjzcy").empty(); $("#psyjszbr").empty(); //获取评审专家组成员值 下拉框展示 $.ajax({ url: "GetOption.ashx", type: "POST", dataType: "json", data: {"load":"1"}, success: function (data) { if (data != "" && data != null) { for (var i = 0; i < data.length; i++) { $("#pszjzzz").append("<option value='" + i + "'>" + data[i] + "</option>"); $("#pszjzzz").combobox({}); $("#pszjzcy").append("<option value='" + i + "'>" + data[i] + "</option>"); $("#pszjzcy").combobox({}); } } }, fail: function (status) { // 此处放失败后执行的代码 alert(err.statusText) } }); //获取评审意见书执笔人 下拉框展示 $.ajax({ url: "GetOption.ashx", type: "POST", dataType: "json", data: {"load":"2"}, success: function (data) { if (data != "" && data != null) { for (var i = 0; i < data.length; i++) { $("#psyjszbr").append("<option value='" + i + "'>" + data[i] + "</option>"); $("#psyjszbr").combobox({}); } } }, fail: function (status) { // 此处放失败后执行的代码 alert(err.statusText) } }); } </script> </body> </html> ```

jQuery ligerui、Ajax

背景介绍: 界面左边是通过一个下拉列表选择值同时也是根据父节点ID来显示树,点击树节点,根据树节点ID,用ajax在页面右上方显示表头和表数据,点击表数据的一行, 根据编号ID,利用ajax在界面右下方显示表头和表数据,这两个表显示都用了显示隐藏列togglecol()方法显示表数据: //先显示列表头名 $.ajax({ type: "POST", url : '../getBmAction!doServiceSearch3.action?parentid='+flbmtreeid, dataType:"json", //columns: getaddColumns(), success: function(msg){ //分类编码列表显示标准列表数据 gridManager1.setOptions( { parms : [ {name : 'parentid',value :flbmtreeid}], url : '../getBmAction!doServiceSearchGetFL.action' ///columns:getaddColumnsFLBMLb() }); managerTree = $("#tree1").ligerGetTreeManager(); if(managerTree==null){ return false; }else{ managerTree.clear(); } }, complete:function (data,responseText,textStatus) { ///var getdeleteData=JSON2.stringify(data); ///alert(getdeleteData); var jsonnn=eval("("+data.responseText+")"); ////alert("=====:"+jsonnn); for(var i in jsonnn){ var sxmc=jsonnn[i].F_SXMC; if(sxmc){ switch (sxmc) { /* case "编码": //gridManager1.changeHeaderText('F_BM',jsonnn[i].F_SXMC); break; */ case "设备名称": gridManager1.changeHeaderText('F_SXNR',jsonnn[i].F_SXMC); gridManager1.toggleCol('F_SXNR', true); break; case "备注": gridManager1.changeHeaderText('F_SXNR1',jsonnn[i].F_SXMC); gridManager1.toggleCol('F_SXNR1', true); break; case "创建时间": gridManager1.changeHeaderText('F_CJSJ',jsonnn[i].F_SXMC); gridManager1.toggleCol('F_CJSJ', true); break; case "工具编号": gridManager1.changeHeaderText('F_GJBH',jsonnn[i].F_SXMC); gridManager1.toggleCol('F_GJBH', true); break; default: break; } } } } });。 问题: 如何当选择左边下拉列表的值也就是选择父节点ID的时候,右边显示树同时左边两个部分都初始化? 我用reload()或lodadata()方法时只是刷新了显示的表,但需要的是只要左边下拉列表选择值,即父ID改变时,右边部分不显示表头和表数据。就算以前显示过也会重新初始化掉,当再点击树节点时根据树节点ID和相应的编码ID显示表和表数据 请问会的大神有这种方法吗?

当我点击bootstrap中的下拉菜单时它会打开然后自动关闭

<div class="post-text" itemprop="text"> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>body { padding-top: 50px; } .dropdown.dropdown-lg .dropdown-menu { margin-top: -1px; padding: 6px 20px; } .input-group-btn .btn-group { display: flex !important; } .btn-group .btn { border-radius: 0; margin-left: -1px; } .btn-group .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .form-horizontal .btn[type="submit"] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-horizontal .form-group { margin-left: 0; margin-right: 0; } .form-group .form-control:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } @media screen and (min-width: 768px) { #adv-search { width: 500px; margin: 0 auto; } .dropdown.dropdown-lg { position: static !important; } .dropdown.dropdown-lg .dropdown-menu { min-width: 500px; } }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css"&gt; &lt;link rel="stylesheet" href="css/style.css"&gt; &lt;script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-md-12"&gt; &lt;form class="form-horizontal" role="form"&gt; &lt;div class="input-group" id="adv-search"&gt; &lt;input type="text" class="form-control" placeholder="Search for snippets" /&gt; &lt;div class="input-group-btn"&gt; &lt;div class="btn-group" role="group"&gt; &lt;div class="dropdown dropdown-lg"&gt; &lt;button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"&gt;&lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt; &lt;div class="dropdown-menu dropdown-menu-right" role="menu"&gt; &lt;div class="form-group"&gt; &lt;label for="filter"&gt;Filter by&lt;/label&gt; &lt;select class="form-control"&gt; &lt;option value="0" selected&gt;All Snippets&lt;/option&gt; &lt;option value="1"&gt;Featured&lt;/option&gt; &lt;option value="2"&gt;Most popular&lt;/option&gt; &lt;option value="3"&gt;Top rated&lt;/option&gt; &lt;option value="4"&gt;Most commented&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="contain"&gt;Author&lt;/label&gt; &lt;input class="form-control" type="text" /&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="contain"&gt;Contains the words&lt;/label&gt; &lt;input class="form-control" type="text" /&gt; &lt;/div&gt; &lt;button type="submit" class="btn btn-primary"&gt;&lt;span class="glyphicon glyphicon-search" aria-hidden="true"&gt;&lt;/span&gt;&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;button type="button" class="btn btn-primary"&gt;&lt;span class="glyphicon glyphicon-search" aria-hidden="true"&gt;&lt;/span&gt;&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt;</code></pre> </div> </div> <p>I am trying to create advance search for php project. but my problem is that when i click internal dropdown menu - its open but then i release mouse button it automatically close.</p> <p>I am using bootstrap 3.3.6.</p> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>body { padding-top: 50px; } .dropdown.dropdown-lg .dropdown-menu { margin-top: -1px; padding: 6px 20px; } .input-group-btn .btn-group { display: flex !important; } .btn-group .btn { border-radius: 0; margin-left: -1px; } .btn-group .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .form-horizontal .btn[type="submit"] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-horizontal .form-group { margin-left: 0; margin-right: 0; } .form-group .form-control:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } @media screen and (min-width: 768px) { #adv-search { width: 500px; margin: 0 auto; } .dropdown.dropdown-lg { position: static !important; } .dropdown.dropdown-lg .dropdown-menu { min-width: 500px; } }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css"&gt; &lt;link rel="stylesheet" href="css/style.css"&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;!-- begin snippet: js hide: false console: true babel: false --&gt;</code></pre> </div> </div> <pre><code> &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-md-12"&gt; &lt;form class="form-horizontal" role="form"&gt; &lt;div class="input-group" id="adv-search"&gt; &lt;input type="text" class="form-control" placeholder="Search for snippets" /&gt; &lt;div class="input-group-btn"&gt; &lt;div class="btn-group" role="group"&gt; &lt;div class="dropdown dropdown-lg"&gt; &lt;button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"&gt;&lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt; &lt;div class="dropdown-menu dropdown-menu-right" role="menu"&gt; &lt;div class="form-group"&gt; &lt;label for="filter"&gt;Filter by&lt;/label&gt; &lt;select class="form-control"&gt; &lt;option value="0" selected&gt;All Snippets&lt;/option&gt; &lt;option value="1"&gt;Featured&lt;/option&gt; &lt;option value="2"&gt;Most popular&lt;/option&gt; &lt;option value="3"&gt;Top rated&lt;/option&gt; &lt;option value="4"&gt;Most commented&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="contain"&gt;Author&lt;/label&gt; &lt;input class="form-control" type="text" /&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="contain"&gt;Contains the words&lt;/label&gt; &lt;input class="form-control" type="text" /&gt; &lt;/div&gt; &lt;button type="submit" class="btn btn-primary"&gt;&lt;span class="glyphicon glyphicon-search" aria-hidden="true"&gt;&lt;/span&gt;&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;button type="button" class="btn btn-primary"&gt;&lt;span class="glyphicon glyphicon-search" aria-hidden="true"&gt;&lt;/span&gt;&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> </div>

bootstrap bssuggest无法更改下拉框的查询结果

![图片说明](https://img-ask.csdn.net/upload/201708/18/1503046283_675350.png)使用 bootstrap searsh suggest插件,省市区级联查询,代码如下,第一遍是可以的,但是改变省之后,查询市后台的数据是返回对应市下面的数据,但是市的搜索框可选项还是老的,由于插件无法代自定义参数,所以通过click事件来操作。 //查询省 $("#queryProvince").bsSuggest('init', { clearable: true, url: contextPath + "/area/findProvince", idField: "areaUniCode",//每组数据的哪个字段作为 data-id,优先级高于 indexId 设置(推荐) keyField: "areaName2",//每组数据的哪个字段作为输入框内容,优先级高于 indexKey 设置(推荐) effectiveFields: ["areaName2"] //有效显示于列表中的字段,非有效字段都会过滤,默认全部。 }).on('onDataRequestSuccess', function (e, result) {//当 AJAX 请求数据成功时触发,并传回结果到第二个参数 console.log('onDataRequestSuccess: ', result); }).on('onSetSelectValue', function (e, keyword) {//当从下拉菜单选取值时触发,并传回设置的数据到第二个参数 $("#queryAreaUniCode").val(keyword.id); queryAreaUniCode = $("#queryAreaUniCode").val(); paddingArea(1); console.log('onSetSelectValue: ', keyword); }).on('onUnsetSelectValue', function () {//当设置了 dField,且自由输入内容时触发(与背景警告色显示同步) console.log('onUnsetSelectValue'); }); //查询市 $('#queryCity').click(function () { var areaUniCode = $('#queryAreaUniCode').val(); var areaName = $('#queryCity').val().trim(); // $.get(contextPath + "/area/findCity", { areaUniCode: areaUniCode, areaName: areaName }, function (data) { // if (data != null) { var testdataBsSuggest = $("#queryCity").bsSuggest({ clearable: true, url: contextPath + "/area/findCity?areaUniCode="+areaUniCode+"&areaName=",//优先从url ajax 请求 json 帮助数据,注意最后一个参数为关键字keyField请求参数 multiWord: true, //以分隔符号分割的多关键字支持 idField: "areaUniCode",//每组数据的哪个字段作为 data-id,优先级高于 indexId 设置(推荐) keyField: "areaName3",//每组数据的哪个字段作为输入框内容,优先级高于 indexKey 设置(推荐) getDataMethod: 'url',//获取数据的方式,url:一直从url请求;data:从 options.data 获取;firstByUrl:第一次从Url获取全部数据,之后从options.data获取 effectiveFields: ["areaName2","areaName3"],//有效显示于列表中的字段,非有效字段都会过滤,默认全部。 effectiveFieldsAlias: {"areaName2":"省","areaName3":"市"}, // data: { // "value": data.value // } }).on('onDataRequestSuccess', function (e, result) {//当 AJAX 请求数据成功时触发,并传回结果到第二个参数 console.log('onDataRequestSuccess: ', result); }).on('onSetSelectValue', function (e, keyword) {//当从下拉菜单选取值时触发,并传回设置的数据到第二个参数 $("#queryAreaUniCode").val(keyword.id);//设置隐藏域 queryAreaUniCode = $("#queryAreaUniCode").val(); paddingArea(2); console.log('onSetSelectValue: ', keyword); }).on('onUnsetSelectValue', function () {//当设置了 idField,且自由输入内容时触发(与背景警告色显示同步) console.log('onUnsetSelectValue'); }); // } // }); });

bootstraptable-edit使用问题

![图片说明](https://img-ask.csdn.net/upload/201908/06/1565077495_685813.png) 外部的表格无法获取数据,检查contentType属性配置问题。 ``` $(function() { //初始化Table var oTable = new TableInit(); oTable.Init(); }); var TableInit = function() { var oTableInit = new Object(); //初始化Table oTableInit.Init = function() { $('#table').bootstrapTable({ url : 'list',//请求后台的URL(*) method : 'post',//请求方式(*) toolbar : '#toolbar',//工具按钮用哪个容器 striped : true,//是否显示行间隔色 cache : false,//是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) pagination : true,//是否显示分页(*) sortable : false,//是否启用排序 sortOrder : "asc",//排序方式 queryParams : oTableInit.queryParams,//传递参数(*) sidePagination : "server",//分页方式:client客户端分页,server服务端分页(*) pageNumber : 1,//初始化加载第一页,默认第一页 pageSize : 10,//每页的记录行数(*) pageList : [ 10, 25, 50, 100 ],//可供选择的每页的行数(*) search : true,//是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大 contentType : "application/x-www-form-urlencoded", strictSearch : true, showColumns : true,//是否显示所有的列 showRefresh : true,//是否显示刷新按钮 minimumCountColumns : 2,//最少允许的列数 clickToSelect : true,//是否启用点击选中行 height : 700,//行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度 uniqueId : "id",//每一行的唯一标识,一般为主键列 showToggle : true,//是否显示详细视图和列表视图的切换按钮 cardView : false,//是否显示详细视图 detailView : false,//是否显示父子表 columns : [ { field : 'id', title : '编号' }, { field : 'name', title : '名字' }, { field : 'price', title : '价格' }, { field : 'operate', title : '操作', formatter : operateFormatter //自定义方法,添加操作按钮 }, ], rowStyle : function(row, index) { var classesArr = [ 'white', 'lightblue' ]; var strclass = ""; if (index % 2 === 0) {//偶数行 strclass = classesArr[0]; } else {//奇数行 strclass = classesArr[1]; } return { classes : strclass }; },//隔行变色 }); }; //得到查询的参数 oTableInit.queryParams = function(params) { var temp = {//这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的 limit : params.limit,//页面大小 //pageNumber: params.pageNumber,//页码 offset : params.offset }; return temp; }; return oTableInit; }; function operateFormatter(value, row, index) {//赋予的参数 return [ '<a href="#" style="color:blue;" οnclick="edit(' + row.id + ')">编辑</a>|', '<a href="#" style="color:red;" οnclick="del(' + row.id + ')">删除</a>', ].join(''); } ``` table-edit.js ``` (function($){ 'use strict'; $.extend($.fn.bootstrapTable.defaults, { editable: false }); var BootstrapTable = $.fn.bootstrapTable.Constructor, _init = BootstrapTable.prototype.init, _initBody = BootstrapTable.prototype.initBody, _onSort = BootstrapTable.prototype.onSort, _append = BootstrapTable.prototype.append, _initHeader = BootstrapTable.prototype.initHeader ; //添加编辑表格默认属性,如何edit设置为false时,表示该列不可编辑 $.extend(true,BootstrapTable.COLUMN_DEFAULTS,{ edit:{ type:'text'//目前只支持 文本:text 下拉:select 日期:date } }); BootstrapTable.prototype.init = function () { _init.apply(this, Array.prototype.slice.apply(arguments)); var that = this; that.prevEditRow = null;//上一次编辑的行 that.columns = {};//列配置信息 that.insertRowVal = {};//新插入行的默认值 that.enableAppend = true;//允许添加新行 if (that.options.editable) { var columnObj = this['getColumns'](); $.each(columnObj,function(i,obj){ $.each(obj,function(z,col){ if(!isNaN(col.fieldIndex) && col.fieldIndex >= 0){ if(col.checkbox)col.edit = false; that.columns['column'+col.fieldIndex] = col; that.insertRowVal[col.field] = ''; } }); }); //this.initEdit(); } }; /*BootstrapTable.prototype.initHeader = function(){ _initHeader.apply(this, Array.prototype.slice.apply(arguments)); this.$container.find('.fixed-table-header').addClass('success'); };*/ BootstrapTable.prototype.initBody = function () { var that = this; _initBody.apply(this, Array.prototype.slice.apply(arguments)); if (!that.options.editable) return; this.initEdit(); //如果列是下拉框,则转换值为对应的文本 $.each(that.columns,function(indx,col){ if(col.edit && col.edit.type == 'select'){ col.edit = $.extend({},$.fn.bootstrapSelect.defaults,col.edit); if(col.edit.data.length > 0){ that.$body.find('>tr').each(function(){ if(that.getData().length < 1)return true; var rowData = that.data[$(this).data('index')];//当前点击td所在行的数据 var $td = $(this).find('td').eq(col.fieldIndex); $.each(col.edit.data,function(i,data){ if(data[col.edit.valueField] == rowData[col.field]){ $td.html(data[col.edit.textField]); } }); }); } else if(col.edit.url){ $.ajax({ url:col.edit.url, type:'post', data:col.edit.paramsType == 'json' ? JSON.stringify(col.edit.params) : col.edit.params, dataType:'json', success: function(jsonLst) { col.edit.onLoadSuccess.call(this,jsonLst); that.$body.find('>tr').each(function(){ if(that.getData().length < 1)return true; var rowData = that.data[$(this).data('index')];//当前点击td所在行的数据 var $td = $(this).find('td').eq(col.fieldIndex); $.each(jsonLst,function(i,data){ if(data[col.edit.valueField] == rowData[col.field]){ $td.html(data[col.edit.textField]); } }); }); col.edit.data = jsonLst; col.edit.url = null; }, error: function(xhr, textStatus, errorThrown){ col.edit.onLoadError.call(this); col.edit.data = []; col.edit.url = null; throw col.field+' 列下拉框数据加载失败'; } }); } } }); }; //根据行号删除指定行 BootstrapTable.prototype.removeRow = function (rowNum) { var that = this; var len = that.options.data.length; if (isNaN(rowNum)){ return; } if(that.$body.find('.editable-select').data('index') != rowNum){ recover(that); } //删除数据 that.options.data.splice(rowNum,1); if (len === that.options.data.length){ return; } var oldClass = {};//保存被标记修改的样式 that.$body.find('>tr').each(function(indx){ if($(this).hasClass('editable-modify')){ if(indx > rowNum){ oldClass[indx-1] = 'editable-modify'; } else{ oldClass[indx] = 'editable-modify'; } } }); //this.prevEditRow = null; //this.$body.find('>tr').removeClass('editable-select'); that.initBody(); //将标记改变过行的样式从新设置回去 for(var key in oldClass){ that.$body.find('>tr').eq(key).addClass(oldClass[key]); } //this.initEdit(); //没有数据时给提示加上样式 if(that.getData().length < 1){ that.$body.find('>tr').addClass('no-records-found'); } }; BootstrapTable.prototype.append = function (){ var that = this; //if(!that.enableAppend)return; var oldClass = {};//保存被标记修改的样式 that.$body.find('>tr').each(function(indx){ if($(this).hasClass('editable-modify') || $(this).hasClass('editable-insert')){ oldClass[indx] = 'editable-modify'; } }); arguments[0] = $.extend({},that.insertRowVal,arguments[0]); _append.apply(this,Array.prototype.slice.apply(arguments)); if (that.options.editable){ //that.initEdit(); setTimeout(function (){ //将标记改变过行的样式从新设置回去 for(var key in oldClass){ that.$body.find('>tr').eq(key).addClass(oldClass[key]); } that.$body.find('>tr:last').addClass('editable-modify'); that.$body.find('>tr:last').addClass('editable-insert');//双重保险,防止在快速点击添加时,为给新增行设置editable-modify属性 that.$body.find('>tr:last').click(); },60); } }; BootstrapTable.prototype.onSort = function () { _onSort.apply(this, Array.prototype.slice.apply(arguments)); var that = this; if (that.options.editable) { this.initEdit(); } }; BootstrapTable.prototype.getData = function () { return (this.searchText || this.searchCallback) ? this.data : this.options.data; }; BootstrapTable.prototype.getColumns = function () { return this.options.columns; }; /** * 获取有被修改过行的值 */ BootstrapTable.prototype.getModiDatas = function (){ var that = this; var datas = []; that.$body.find('.editable-modify').each(function(){ if(that.data[$(this).data('index')]){ datas.push(that.data[$(this).data('index')]); } }); return datas; }; /** * 获取指定列的和,参数为列下标 */ BootstrapTable.prototype.getColTotal = function (num){ var retVal = 0; this.$body.find('>tr').each(function(){ var colNum = 0; if($(this).hasClass('editable-select')){ colNum = $(this).find('td').eq(num).find('input').val(); } else{ colNum = $(this).find('td').eq(num).html(); } if(!isNaN(colNum)){//是数字才做想加 retVal += Number(colNum); } }); return retVal; }; /** * 创建可编辑表格 */ BootstrapTable.prototype.initEdit = function(){ var that = this, data = this.getData(); //this.$body.find('> tr').unbind('click').on('click' //this.$body.delegate('>tr','click' this.$body.find('> tr').unbind('click').on('click',function(){ var $tr = $(this); if($tr.hasClass('editable-select') || data.length < 1 || $tr.hasClass('no-records-found')){ return; } $tr.removeClass('no-records-found'); recover(that); that.prevEditRow = $tr; $tr.addClass('editable-select');//给当前编辑行添加样式,目前样式为空只做标识使用 that.$body.find('> tr').not(this).removeClass('editable-select'); $tr.find('td').closest('td').siblings().html(function(i,html){ initTrClick(that,this); }); }); //鼠标点击事件 $(document).bind('mousedown',function(event){ var $target = $(event.target); if(!($target.parents().andSelf().is(that.$body)) && !($target.parents().andSelf().is($('.datetimepicker')))){ setTimeout(function () { recover(that); //that.prevEditRow = null; //that.$body.find('> tr').removeClass('editable-select'); },10); }; }); }; $.fn.bootstrapTable.methods.push('getColumns', 'getModiDatas','removeRow','getColTotal'); /** * 给tr添加点击事件 */ function initTrClick(that,_this){ that.enableAppend = true; var $td = $(_this); var $tr = $td.parent(); var rowData = that.data[$tr.data('index')];//当前点击td所在行的数据 var tdIndex = $tr.children().index($td);//当前点击的td下标 var tdOpt = that.columns['column'+tdIndex]; if(!tdOpt.edit || typeof tdOpt.edit != 'object'){ return ; } $td.data('field',tdOpt.field); if(!$td.data('oldVal')){ $td.data('oldVal',$.trim(rowData[tdOpt.field])); } var height = $td.innerHeight() - 3; var width = $td.innerWidth() - 2; $td.data('style',$td.attr('style'));//保存原来的样式 $td.attr('style','margin:0px;padding:1px!important;'); var placeholder = ''; if(tdOpt.edit.required == true){ placeholder = '必填项'; } var value = rowData[tdOpt.field] == null || rowData[tdOpt.field] == ''?'':rowData[tdOpt.field]; $td.html('<div style="margin:0;padding:0;overflow:hidden;border:solid 0px red;height:'+(height)+'px;width:'+(width)+'px;">' +'<input type="text" placeholder="'+placeholder+'" value="'+value+'" style="margin-left: 0px; margin-right: 0px; padding-top: 1px; padding-bottom: 1px; width:100%;height:100%">' +'</div>'); $td.width(width); var $input = $td.find('input'); if(!tdOpt.edit.type || tdOpt.edit.type == 'text'){ if(tdOpt.edit['click'] && typeof tdOpt.edit['click'] === 'function'){ $input.unbind('click').bind('click',function(event){ tdOpt.edit['click'].call(this,event); }); } if(tdOpt.edit['focus'] && typeof tdOpt.edit['focus'] === 'function'){ $input.unbind('focus').bind('focus',function(event){ tdOpt.edit['focus'].call(this,event); }); } $input.unbind('blur').on('blur',function(event){ if(tdOpt.edit['blur'] && typeof tdOpt.edit['blur'] === 'function'){ tdOpt.edit['blur'].call(this,event); } }); } else if(tdOpt.edit.type == 'select'){ $input.bootstrapSelect(tdOpt.edit); } else if(tdOpt.edit.type == 'date'){ $td.html('<div style="margin:0;padding:0;overflow:hidden;border:solid 0px red;height:'+(height)+'px;width:'+(width)+'px;" class="input-group date form_datetime" data-link-field="dtp_editable_input">' +'<input class="form-control" type="text" value="'+value+'">' +'<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>' +'</div>' +'<input type="hidden" id="dtp_editable_input" value="'+value+'"/>' ); that.$body.find('.form_datetime').datetimepicker({ weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, forceParse: 0, language:'zh-CN', format: 'yyyy-mm-dd hh:ii:ss', pickerPosition: 'bottom-left', showMeridian: 1 }); } } /** * 恢复tr,使之处于不可编辑状态 */ function recover(that){ var isModi = false;//判断行值是否变动过 if(that.prevEditRow != null){ that.prevEditRow.find('td').closest('td').siblings().html(function(i,html){ $(this).attr('style',$(this).data('style')); var textVal = $(this).find('input[type="text"]').val(); var hiddenVal = $(this).find('input[type="hidden"]').val(); if(typeof $(this).find('input[type="text"]').bootstrapSelect('getText') != 'object'){ $(this).find('input[type="text"]').bootstrapSelect('destroy'); } if(textVal != undefined){ if($(this).data('oldVal') != (hiddenVal?hiddenVal:$.trim(textVal)) && $(this).data('field')) { that.data[that.prevEditRow.data('index')][$(this).data('field')] = hiddenVal?hiddenVal:$.trim(textVal); isModi = true; } if(that.columns['column'+i].edit.required == true){ if(textVal == null || textVal == ''){ that.enableAppend = false; return '<span style="color:red;">必填项不能为空</span>'; } } return $.trim(textVal); } }); //新值跟旧值不匹配证明被改过 if(isModi || that.prevEditRow.hasClass('editable-insert')){ that.prevEditRow.addClass('editable-modify'); } else{ that.prevEditRow.removeClass('editable-modify'); } that.prevEditRow = null; that.$body.find('> tr').removeClass('editable-select'); } } })(jQuery); ``` 哪位大神能帮忙解决下

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Linux 会成为主流桌面操作系统吗?

整理 |屠敏出品 | CSDN(ID:CSDNnews)2020 年 1 月 14 日,微软正式停止了 Windows 7 系统的扩展支持,这意味着服役十年的 Windows 7,属于...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

学习总结之HTML5剑指前端(建议收藏,图文并茂)

前言学习《HTML5与CSS3权威指南》这本书很不错,学完之后我颇有感触,觉得web的世界开明了许多。这本书是需要有一定基础的web前端开发工程师。这本书主要学习HTML5和css3,看...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

新一代神器STM32CubeMonitor介绍、下载、安装和使用教程

关注、星标公众号,不错过精彩内容作者:黄工公众号:strongerHuang最近ST官网悄悄新上线了一款比较强大的工具:STM32CubeMonitor V1.0.0。经过我研究和使用之...

记一次腾讯面试,我挂在了最熟悉不过的队列上……

腾讯后台面试,面试官问:如何自己实现队列?

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

冒泡排序动画(基于python pygame实现)

本项目效果初始截图如下 动画见本人b站投稿:https://www.bilibili.com/video/av95491382 本项目对应github地址:https://github.com/BigShuang python版本:3.6,pygame版本:1.9.3。(python版本一致应该就没什么问题) 样例gif如下 ======================= 大爽歌作,mad

Redis核心原理与应用实践

Redis核心原理与应用实践 在很多场景下都会使用Redis,但是到了深层次的时候就了解的不是那么深刻,以至于在面试的时候经常会遇到卡壳的现象,学习知识要做到系统和深入,不要把Redis想象的过于复杂,和Mysql一样,是个读取数据的软件。 有一个理解是Redis是key value缓存服务器,更多的优点在于对value的操作更加丰富。 安装 yum install redis #yum安装 b...

现代的 “Hello, World”,可不仅仅是几行代码而已

作者 |Charles R. Martin译者 | 弯月,责编 | 夕颜头图 |付费下载自视觉中国出品 | CSDN(ID:CSDNnews)新手...

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

!大部分程序员只会写3年代码

如果世界上都是这种不思进取的软件公司,那别说大部分程序员只会写 3 年代码,恐怕就没有程序员这种职业。

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

程序员毕业去大公司好还是小公司好?

虽然大公司并不是人人都能进,但我仍建议还未毕业的同学,尽力地通过校招向大公司挤,但凡挤进去,你这一生会容易很多。 大公司哪里好?没能进大公司怎么办?答案都在这里了,记得帮我点赞哦。 目录: 技术氛围 内部晋升与跳槽 啥也没学会,公司倒闭了? 不同的人脉圈,注定会有不同的结果 没能去大厂怎么办? 一、技术氛围 纵观整个程序员技术领域,哪个在行业有所名气的大牛,不是在大厂? 而且众所...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

立即提问
相关内容推荐