jqgrid 下拉框
springboot controller 查询所有的 guru （上师） 中的 id dharma ， 放入下拉菜单，controller 中需要拼接，转为String 类型 传到 jsp页面 jsp 页面 ： jqgrid 中 colModel ： 来源： https://www.cnblogs.com/jia-0112/p/11364821.html
下拉框
使用 Select2 下拉框实现复选
使用 Select2 下拉框实现复选 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery And Select2 Demo</title> <link href="./fSelect.css" rel="stylesheet" type="text/css"> </head> <body style=""> <select class="demo hidden" multiple="multiple" id="all"> <option value="1">苹果</option> <option value="2">菠萝</option> <option value="3">蜜桃</option> <option value="4">香蕉</option> <option value="5">桃子</option> <option value="6"
Web端测试以及发展方向（人群皆宜）
入行测试一段时间了，说下Web端测试注意的地方和个人发展方向。今天分享一些心得，一部分是我面试碰到一个面试官分享我的资料，希望对大家有用。 网页端的测试 ： 目前网页端的测试，主要是指针对 Web、H5端的测试。 功能测试： 比对原型、需求，设计测试用例，进行用例评审，完成功能测试。功能测试是保证项目正常运行的第一要求。 兼容性测试： 兼容性测试可以从浏览器兼容性、屏幕兼容性、系统兼容性 三个方面去考虑。 1、 浏览器兼容性（包含设备）： 在正常使用中，用户会使用千差万别的浏览器，包括不同机型的不同浏览器型号的浏览器，可谓是各种排列组合。不同的浏览器内核会造成不同的兼容性问题，有的兼容性问题会影响主功能的进行，所以网页端的兼容性测试是非常重要的一环。 Web浏览器兼容：Chrome、Safari、火狐、360浏览器、QQ浏览器、IE8、IE9、IE10、IE11、Edge等 H5浏览器兼容：qq浏览器（android、iOS）、uc浏览器、safari（iOS8、IOS10）、百度浏览器、手机百度、搜狗搜索、小米浏览器、魅族浏览器等 2、 屏幕兼容性： Web 端：大屏幕（20寸）—— 小屏幕（13寸） H5 端：iphone5——iPhoneX，iPad mini——iPad4、3寸android——5寸android机 3、 系统兼容： iOS8-iOS11 ，android
对于隐藏性质的非标准的动态 id 的下拉框，如何定位和选中
今天，在页面上碰到一个非 select 标签的下拉框，打算进行定位和模拟选中。 <input aria-invalid="false" autocomplete="disabled" placeholder="请选择" type="text" class="AABBCC-input DDCC-inputDDCCcomplete-input AABBcomplete-inputFocused AACC-inputAdornedEnd" aria-autocomplete="list" autocapitalize="none" spellcheck="false" value id="abc-autocomplete-84931"> 没有 <select> 标签，也没看到<ul><li>等标签，无法采用一般方式。 第一个想法是，通过 xpath 定位到 input 后，直接给 value 赋值。结果很显然，行不通，因为对应选项没有真正被选中。 上网找了针对隐藏下拉框用 js 来定位的方法，结果也是不尽人意，因为没有对症下药。 通过 selenium 录制一段脚本做参照。但录制脚本是基于firefox的，页面元素对应的标签属性与chrome不一样，而我测试对象用的浏览器以chrome为主。 但这一圈下来，已经摸清了里头的来龙去脉，完全清楚了这个下拉框写法和其它一般写法的不同之处
jQuery实现下拉框默认选中
<form class="form-inline" method="post" action="/score_result/"> <input type="hidden" name="csrfmiddlewaretoken" value="UIbksfQRejaZFuAByesMRE9rtyGZgfJmUWRyONLqF121IqjkunGxnihnMAbvrOE3"> <div class="form-group"> <label for="exampleInputEmail2">选款批次：</label> <select name="selection_batch" id="selection_batch" class="form-control"> <option value="0814">0814</option> <option value="0808">0808</option> <option value="0810">0810</option> <option value="0811">0811</option> <option value="0807">0807</option> </select> </div> <div class="form-group"> <label for="exampleInputName2">类目：</label> <select
重构html的下拉框select
编辑器加载中...因为项目需要，需对html默认的下拉框select进行重构，一开始考虑利用div+css+javascript模拟下拉框，后来效果都不如人意。最终使用了jQuery-easyui的第三方组件，效果还不错，下面把使用方面介绍下： 1，导入jquery,jquery-easyui的相关js,css文件。 2，获取html的下拉框id,有朋友可能会问，不是重构了吗？为什么还要用html的下拉框，这里其实是jquery-easyui对html的下拉框包装了一层而已，主要控件是combobox. 3, 在onready方面中调用 1 function changeToComboBox(zone_list,comBoBoxId, tempTime){ 2 var width_s = $("#"+comBoBoxId).css("width")+"" ; 3 var listWidth = (parseInt(width_s.substr(0,width_s.length-2)) + 18) +"px" ; 4 var selectedComB = 0 ; 5 if (zone_list.length > 0 ) { 6 for ( var i=0;i<zone_list.length;i++ ) 7 { 8 var a_zoneName = zone_list[i]
select下拉框小DemoA
<html> <head> <meta charset="utf-8"> <script src="jquery-1.9.1.min.js"></script> <style> </style> <script> var pro=["河南","山东","黑龙江"]; var city=[["郑州","开封","新政","濮阳","平顶山","洛阳","三门峡"],["济南","日照","烟台","德州","聊城"],["哈尔滨","齐齐哈尔","佳木斯","牡丹江"]]; $(function(){ //初始化省份下拉列表 for(var i=0;i<pro.length;i++){ $("#province").append($("<option></option>").val(i+1).html(pro[i])); } //为省份下拉列表绑定change事件 $("#province").change(function(){ var index=$(this).val()-1;//获取当前省的下标 $("#city").prop("length",1);//清空原有的数据 for(var i=0;i<city[index].length;i++){//重新为市赋值 $("#city").append($("<option>").val(i+1).html(city[index]
带下拉框的GridView的OnRowEditing
===========================aspx <asp:GridView runat="server" ID="grvMobile" AutoGenerateColumns="False" Width="100%" OnRowCancelingEdit="grvMobile_RowCancelingEdit" OnRowDeleting="grvMobile_RowDeleting" OnRowEditing="grvMobile_RowEditing" OnRowUpdating="grvMobile_RowUpdating" OnRowDataBound="grvMobile_RowDataBound"> <Columns> <asp:TemplateField HeaderText="姓名"> <ItemStyle Width="100" /> <ItemTemplate> <asp:Label ID="userName" runat="server" Text='<%#Eval("姓名") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txt_Name" runat="server" Text='<%#Eval("姓名") %>' Width="90%" /> <
非常实用的select下拉框-Select2.js
在 Web开发 中，Select下拉框是常用的输入组件。由于原生的Select几乎很难通过 CSS样式 控制。一些好看的Select下拉框就只能通过模拟来实现。 PHP程序员雷雪松 给大家推荐一筐款不错的Select下拉框插件：Select2。Select2可以支持搜索、标签、远程数据、无限滚动、和许多其他非常优秀的选项，Select2还可以非常方便的自定义样式，基本可以实现所有的Select效果。下面 PHP程序员雷雪松 就详细的讲解一下Select2.js的用法。 1、引入select2.js和select2.css <link href="./select2.min.css" rel="stylesheet" /> <script src="./jquery.min.js"></script> <script src="./select2.min.js"></script> 2、Select2基础用法 <select class="js-select2" name="job"> <option value="phper">PHP程序员</option> <option value="web">web前端</option> </select> $(document).ready(function() { $('.js-select2').select2(); });
重置select2下拉框方法
$('select.select2').val(null).trigger("change"); 来源： https://www.cnblogs.com/gentlemanwuyu/p/11332408.html