下拉框

暂未做详细整理, 后期有机会完善 jsp 是否有效： <s:select id="queryIsValid" name="configBean.queryIsValid" data="${configBean.queryIsValid}" cssClass="box_cangdan" list="#{'':''}"></s:select> js var isValidData = [{"value":"0","name":"否"}, {"value":"1","name":"是"}]; /** * 绑定是否有效 */ function bindIsValidData(idArray){ $.each(idArray, function(i, n){ var oldValue = $("#"+n).attr("data"); $("#"+n).empty(); $("#"+n).append("<option value=''></option>"); for(var i in isValidData){ $("#"+n).append("<option value='"+isValidData[i].value+"'>"+isValidData[i].name+"</option>"); } $("#"+n).val(oldValue); }); } $(function(){

效果： 主要代码： 来源： https://www.cnblogs.com/snowbxb/p/11847052.html

效果 对输入的数据进行验证，不符合会报错。 数据验证：序列（字符串） 下拉框的制作 第一步：框选需要进行数据验证的区域 第二步：数据->数据验证->序列 第四步：来源：填写下拉框内容，以英文逗号分隔 其它的条件不一一举例 来源： https://www.cnblogs.com/scopicat/p/11832073.html

目录 界面测试 界面测试概念 界面测试策略重点关注： 界面测试策略的其他细则方向： 控件测试 文档测试 哪些文档需要测试 文档测试要点 文档测试评审的特点 兼容性测试 界面测试 界面测试概念 界面测试（简称UI测试），测试用户界面的功能模块的布局是否合理、 [整体风格是否一致]、各个控件的放置位置是否符合客户使用习惯， 此外还要测试界面操作便捷性、导航简单易懂性，页面元素的可用性， [界面中文字是否正确，命名是否统一]，页面是否美观，文字、图片组合是否完美等。 界面测试策略重点关注： 1.检查是否和需求中的原型图一致。 2.[界面中文字是否正确，命名是否统一] 3.[整体风格是否一致] 4.页面是否会被一些长内容撑乱。 界面测试策略的其他细则方向： 1.易用性 2.规范性 3.帮助设施 4.合理性 5.美观与协调性 6.菜单位置 7.独特性 控件测试 什么是控件 控件：是程序软件的组成部分，如软件中所经常涉及到的按钮、界面风格、表格、报表等， 都可以直接使用控件。控件就像是一间 （1）文本框测试要点 本框作用：接受用户输入的数据，或者显示数据 a.是否允许输入disabled=disabled b.是否必填 c.组合规则：（汉字，字母，数字，特殊字符，组合） d.长度规则：（长度刚好小于定义的最小长度，长度刚好超过定义的最大长度，长度在允许的长度范围之内） e.是否允许重名 f

下拉框中使用ng-repeat 动态的赋值，使用ng-model和ng-selected确定下拉框的选择值 问题不太好描述，直接上代码记录一下 刚开始的ng-model是一个变量，以为现在这样是赋值了一个常量，不能再次改变了，其实这样也是可以的 来源： https://www.cnblogs.com/wwr01/p/11810153.html

easyui的combogri下拉框用在项目中很多，有时会出现很多问题，当然也好解决。 1.当向后台传id值时，用户输入的与查询出来的显示值一样，但combogrid为空？ 　　情景：输入‘李四’，和显示值一样但没有选择，combogrid为空 这样表面是输入了，但值不是01，而是张三。 //这里对于combogrid应该换一种方法取值 <input type="text" id="data"></input> //js代码 var rows = $("#data").combogrid("grid").datagrid("getSelected") || {}; var id = rows.id; if(!id){ $.messager.alert("提示","请选择已有的人员!","info"); return; } 这样就避免用户输入正确可是后台处理错误的尴尬。 2.代码清除组件值，但没有触发事件，永远传输上一次的值(不刷新页面) $("#Btn").linkbutton({ text:'返回', iconCls:'icon-back', onClick:function () { $("#data").combogrid("clear");//按钮触发，把下拉框清除组件值，没有触发下面的属性。输入其他值还是上次的值往后台传 }) 解决： //在定义下拉框时触发一个事件var

Jquery给基本控件的取值、赋值 Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框，文本区域： $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容 LABLE: var str = $('#lbl').text(); $('#lbl').text("Set Lbl Value"); /*获取单选按钮的值*/ var valradio = $("input[@type=radio][@checked]").val(); /*获取一组名为(items)的radio被选 中项的值*/ var item = $('input[@name=items][@checked]').val(); /* 获取复选框的值*/ var checkboxval = $("#checkbox_id").attr("value")； /* 获取下拉列表的值*/ var selectval = $('#select_id').val(); //多选框checkbox： $("#chk_id").attr("checked",'');//使其未勾选 $("#chk_id"

（1）文本框测试要点 本框作用：接受用户输入的数据，或者显示数据 a.是否允许输入disabled=disabled b.是否必填 c.组合规则：（汉字，字母，数字，特殊字符，组合） d.长度规则：（长度刚好小于定义的最小长度，长度刚好超过定义的最大长度，长度在允许的长度范围之内） e.是否允许重名 f.空格（前含空格，后含空格，中含空格） g.是否允许拷贝 h.输入格式是否符合要求（日期格式，手机格式等） i.是否允许放大或者缩小 （2）密码框测试要点： a.密码是否密文显示。比如输入后，通过复制粘贴，是否是密文显示； b.密码是否允许复制粘贴； c.密码传输过程是否加密，数据库保存是否加密。 （MD5加密，sha256,mysql5） d.组合规则: （汉字，字母，数字，特殊字符，组合） e.长度规则： （长度刚好小于定义的最小长度，长度刚好超过定义的最大长度，长度在允许的长度范围之内） （3）单选框测试要点： a.一组单选按钮不能同时选中，只能选中一个。 b.逐一执行每个单选按钮的功能。 分别选择了“男”“女”后，保存到数据库的数据应该相应的分别为“男”“女” c.一组执行同一功能的单选按钮在初始状态时必须有一个被默认选中,不能同时为空 d.单选按钮是否可选（切换） （4）多选框（复选框）测试要点： a.能否同时选中（全选） b.能否同时清空（全不选） c.能否同时为空

可以用来让用户从列表中选择一个选项的选择。 控制显示当前选择的选项。 一旦点击,它打开了选项列表中,可以选择一个新的选项。 在选择一个新的选项,再次关闭的列表,控制显示了新的选择选项。 列表也关闭,如果用户点击控制本身,或其他地方在画布上。 一个下拉。 打开下拉列表的选项。 属性 属性: 功能: Interactable 该组件将会接受输入吗? 看到 Interactable 。 过渡 属性,确定控制视觉响应用户操作的方式。 看到 过渡的选择 。 导航 属性确定的顺序控制。 看到 导航选项 。 模板 的矩形变换下拉列表的模板。 请参阅下面的说明。 标题文本 文本组件把当前选中的文本选项。 (可选) 标题图片 图像组件当前选中的选项的形象。 (可选) 项文本 文本组件条目的文本。 (可选) 项目形象 图像组件项目的形象。 (可选) 价值 当前选中的索引选项。 0是第一选择,1是第二步,等等。 选项 可能的选项的列表。 一个文本字符串,并为每个选项可以指定一个图像。 事件 属性: 功能: 价值变化 一个 UnityEvent 当调用一个用户点击下拉列表中的选项之一。 细节 选项列表中指定的检查员或从代码可以分配。 对于每一个选项可以指定一个文本字符串,并选择一个图像,如果设置下拉来支持它。 按钮有一个单独的事件 价值变化 响应当用户完成点击列表中的选项之一。

下拉框： <select id="selectID" > <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> 下面是对下拉框的基本操作： <script language="javascript"> $(document).ready(function() { //绑定下拉框change事件，当下来框改变时调用 SelectChange()方法 $("#selectID").change(function() { SelectChange(); }); }) function SelectChange() { //获取下拉框选中项的text属性值 var selectText = $("#selectID").find("option:selected").text(); //数据字典文字的值 alert(selectText); //获取下拉框选中项的value属性值 var selectValue = $("#selectID").val(); //数据字典数字的值