下拉框 | 易学教程

下拉框停用数据的处理

阅读更多关于下拉框停用数据的处理

现在有个需求是：下拉框里面的数据是可以停用的，停用之后用户是不能再选择已经停用的数据，但是要之前已经选择了停用数据的没影响。我的解决思路为：在下拉框的展开事件中，将Enabled=false的过滤掉，保留启用的和没有Enabled字段的数据。这样如果用户没有去点击停用数据的combobox数据是不会丢掉，而且验证也能通过在EXT.JS下的具体实现为下面的代码（删除了一些与本实现无关的代码），expand方法为查询的时候调用的（查询方法去掉了），监听change事件，目的在于选择完之后将过滤掉的数据加回来要注意的是 1：Ext的filterBy事件会触发change事件，所以需要在filterBy时将change事件挂起 2：filterDisabled属性为mvc后台下发的，作用在于只有在需要的时候才启用过滤掉禁用的数据 Ext.form.field.ComboBox.override({ useHiddenField: false, forceSelection: true, queryParam: "filter", clearIcon: true, filterDisabled: false, //是否启用过滤停用数据 //matchFieldWidth:false, initComponent: function () { var me = this; me

jQuery下拉框级联实现

阅读更多关于 jQuery下拉框级联实现

参考代码： //企业类别级联 function getCatalog(){ var name=document.getElementById("Lcata").value; var selectObj=document.getElementById("scata"); selectObj.options.length =0; $.ajax({ type:"POST", url: "/YHPC/getCata.action?name="+name+"&random="+Math.random()+"&way=ajax",//获取数据的函数 dataType:"xml", async:false, dataFilter:function(e){ if(e=='sessionOut'){ location.href="login.jsp"; return false; } var obj= eval(e); selectObj.removeAttribute("Option"); for(var i=0;i<obj.length;i++){ selectObj.options[selectObj.length] = new Option(obj[i][1], obj[i][0]); } } }); } 来源： https://www.cnblogs.com/dreamboy/p

jQuery默认选中下拉框的某个值

阅读更多关于 jQuery默认选中下拉框的某个值

$("#quaterSelect").val("0");//id为quaterSelect的下拉框默认选中value是0的option选项来源： https://www.cnblogs.com/dreamboy/p/11692798.html

简述Object(ActiveX)控件遮挡Dialog、select下拉框的解决办法

阅读更多关于简述Object(ActiveX)控件遮挡Dialog、select下拉框的解决办法

1、背景最近在做项目的过程中，我们使用了Object控件，但是同时在上面写了一个select下拉框，因此每次点击下拉框的时候我们会发现，下拉框的部分内容被Object控件给遮挡了，调查研究后发现，我们可以使用iFrame标签遮挡Object控件，具体代码如下： 2、基本使用 HTML //下拉框 <div class="select"> <el-select v-model="value" > <el-option v-for="item in item" :key="item.value" :label="item.label" :value="item.value" ></el-option> </el-select> </div> <div> <object :parentCaseData="caseData"></object> </div> 效果图　　 3、解决方法 HTML //下拉框 <div class="select"> <el-select v-model="value filterable//自定义过滤事件必须加的属性无过滤需求不需要写 :filter-method="filterDoc"//select内自定义的过滤器无过滤需求不需要写 @change="clickDoc" @visible-change="visibleChange"/

省市联动下拉框

阅读更多关于省市联动下拉框

图1：图2：备注：这个省市联动是基于jquery的百度云盘链接：https://pan.baidu.com/s/1MaBWEQuB21_ZcyUkze0Yrw 提取码：ecfx 来源： https://www.cnblogs.com/1015blog/p/11684102.html

jq实现简单的二级联动下拉框

阅读更多关于 jq实现简单的二级联动下拉框

1 效果图 2 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>二级联动下拉框</title> <script src="../js/lib/jquery-3.2.1.min.js"></script> </head> <body> <div> <label>商品分类：</label> <select id="select-1" style="width:100px;"> <option>--请选择--</option> </select> </div> <div style="margin-top:10px;"> <label>具体商品：</label> <select style="width:100px;" id="select-2"> <option>--请选择--</option> </select> </div> <script src="../js/option.js"></script> </body> </html>

jQuery获取Select选择的Text和 Value

阅读更多关于 jQuery获取Select选择的Text和 Value

jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的 Text和Value: 语法解释： 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']")

jquery取得设置 input标签 text,areatext,radio,checkbo...

阅读更多关于 jquery取得设置 input标签 text,areatext,radio,checkbo...

jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作; 1.假如我们有如下页面 <input type="text" name="textname" id="text_id" value="">  2.下面来看怎么取得FORM中的各种值等等; function get_form_value(){ var textval = $("#text_id").attr("value");//或者 var textval = $("#text_id").val(); var valradio = $("input[@type=radio][@checked]").val(); var checkboxval = $("#checkbox_id").attr("value")； var selectval = $('#select_id').val(); } 3.另外对表单的其他处理: //控制表单元素： //文本框，文本区域： $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');//填充内容 //多选框checkbox： $("#chk_id")

fastadmin选择下拉框

阅读更多关于 fastadmin选择下拉框

fastadmin中要做下拉框的效果如下：数据库中数据：在对应model中添加一个方法：控制器中添加一行：在目录lang/zh-cn中找到你控制器名称所对应的文件添加配置：在add.html中将input改成如下：在edit.html中：然后就OK了；本文参照于： https://blog.csdn.net/withoutfear/article/details/89389940 来源： https://www.cnblogs.com/wxy0126/p/11646149.html

MySQL安装步骤及环境变量配置

阅读更多关于 MySQL安装步骤及环境变量配置

MySQL安装 MySQL下载地址： http://dev.mysql.com/downloads/installer/ 1：首先进入的是安装引导界面 2：然后进入的是类型选择界面，这里有3个类型：Typical（典型）、Complete（完全）、Custom（自定义）。这里建议选择“自定义”（Custom）安装，这样可以自定义选择MySQL的安装目录，然后点“Next”下一步，出现自定义安装界面，为了数据安全起见，不建议将MySQL安装系统盘C目录。 3：开始安装中 4：安装完成之后会出现MySQL配置的引导界面 5：这里有个引导配置MySQL的选项（Luanch the MySQL Instance Configuration Wizard），建议勾选立即配置你的MySQL 6：这里是配置MySQL的 MySQL配置的类型，可以选择两种配置类型：Detailed Configuration（详细配置）和Standard Configuration（标准配置）。　　Standard Configuration（标准配置）选项适合想要快速启动MySQL而不必考虑服务器配置的新用户。详细配置选项适合想要更加细粒度控制服务器配置的高级用户。　　如果你是MySQL的新手，需要配置为单用户开发机的服务器，Standard Configuration（标准配置）应当适合你的需求