query是一个javascript css selector engine，小巧而功能强大，压缩后2k左右，可以很轻松的集成到代码当中。支持浏览器 IE6+、Firefox、Chrome、Safari、Opera 选择器query(selector[,context]) div #intro div#intro .red span.red [name] [name=keywords] input[name] input[name=keywords] input[name=keywords] input[name=...
Bug现场： 通过开发人员工具查看，下拉列表框是有Options的，但你点击选择的时候却什么也不显示。 重现步骤： 该问题发生在级联下拉框的情况，第一个列表改变，第二个列表的值跟着改变！ 本例中使用以下方法绑定数据： 代码如下: //绑定下拉框 //ctnSelector:下拉框ID，带#号, //jsonData:JSON数据, //txtField:文本字段名称, //valField:值字段名称, //strOptions:默认填加的项 function InitSelectOptions(ctnSelector, jsonDat...
代码如下: $(function () { $('#btn').click(function () { alert($('#s option:selected').val()); }) }) 商 炳 奇 JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解...
个人做了一些自定义的修改 代码如下: jQuery(function($){ var el; $("select").each(function() { el = $(this); el.data("origWidth", el.css("width")); // el.data("oriWidth",85); }) .focusin(function(){ el=$(this); el.css("width", "auto"); //if(el.width() // el.css("width", el.data("origWidth")); //} }) .bind("blur change ", function(){ el = $(this); el.css("width", el.data("origWidth")); }); });
有一个多选的需求，在网上找到了这个插件：multiselect https://github.com/ehynds/jquery-ui-multiselect-widget csdn博客上有这个插件的介绍，不少童鞋都问了这么个问题，怎么获取选中的值？真是个好问题，因为我在看demo的时候也发现了这个问题，呵呵！ 先简单说说这个插件： jquery-multiselect 基于Jquery-ui的组件体系。 所以使用它的时候，先得导入jquery-ui相关的js和css哦 特性 支持点击label实现checkbox组选择. 头部选项...
由于项目中用到左右选择的控件，网上找了一些相关的实现，基本上有两个： 1、基于JQuery UI的控件： 这个看起来样式不错，而且使用起来功能也比较齐全，但是与传统的左边选择到右边的方式不同，有点别扭。 2、某个兄弟手写的一个控件： 这个符合我的需求，简单实用，但是不满足我的另一个需求，我的需求是右边的选择框需要能选择不同颜色的图片，而且这个样式有点不美观。怎奈自己写一个吧，费了我半天的劲，总算搞定了，贴出来与...
select，radio 表单回显避免使用jquery载入赋值 注意事项： 代码如下: 不推荐：使用如下js代码 代码如下: $(function(){ //回显时并不是真是数据的默认值 $("input[type=radio][name=visible]").each(function() { if ($(this).val() == '${teacher.visible}') { $(this).attr("checked", "checked"); } }); $("#orderBy option").each(function() { if ($(this).val() == '${teacher.orderBy}') { $(this).attr("selecte...
1.获取select 选中的 text: $("#cusChildTypeId").find("option:selected").text(); $("#cusChildTypeId option:selected").text()2.获取select选中的 value： $("#ddlRegType ").val();3.获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex;4.得到select项的个数 $("#cusChildTypeId").get(0).options.length5.设置select 选中的索引： $("#cusChildTypeId").get(0).selectedIndex=index;//index为索引值...
//遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("UPS Ground").appendTo($("select[@name=ISHIPTYPE]")); }}//取得下拉选单的选取值$('#testSelect option:selected').text();或$("#testSe...
代码如下: 无标题文档 /** *动态的给左边的下拉列表创建选项 *具体情况可以从数据库读取数据动态创建选项 */ $(document).ready(function(){ for(var i=1;i { $("#fb_list").append("公开招标小型机采购00"+i+""); } }) $(function(){ $("#add").click(function(){ if($("#fb_list option:selected").length>0) { ...
html和js部分 代码如下: selectList *{margin:0;padding:0;} .selectList{width:200px;margin:50px auto;} 请选择 请选择 请选择 请选择 请选择 请选择 $(function(){ $(".selectList").each(function(){ var url = "area.json"; var areaJson; var temp_html; var oProvince = $(this).find(".province"); var oCity = $(this).find(".city"); var oDistrict = $(this).find(".district"); //初始化省...
jQuery获取Select选择的Text和Value: 代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val(); //获取Select选择的Value var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 var maxIndex=$("#select_id option:last")...
代码如下:// 添加function col_add() { var selObj = $("#mySelect"); var value="value"; var text="text"; selObj.append(""+text+"");}// 删除function col_delete() { var selOpt = $("#mySelect option:selected"); selOpt.remove();}// 清空function col_clear() { var selOpt = $("#mySelect option"); selOpt.remove();}以上方法为jQuery动态添加、删除和清空select。下面是纯js的写法： 代码如下:var sid = document.getE...
以前总想到网上找一个这样的，但是一直没有找到,所以我自己写了一个。希望能帮助到看到的童鞋。如果谁有更强大的插件，跟我留一个地址，非常感谢!效果如下:代码如下: 代码如下:(function($){ $.fn.selectToSelect=function(options){ if($.type(options)=="string"){ var $this=$(this); if(options=="getSelectedIds"){ var ids=""; var arr=$("#"+$this.attr("id...
模拟select 并带有提交后取得数据的代码 HTML Code 代码如下: 请选择城市 北京 上海 武汉 广州 JavaScript Code 代码如下: $(function(){ $("#dropdown p").click(function(){ var ul = $("#dropdown ul"); if(ul.css("display")=="none"){ ul.slideDown("fast"); }else{ ul.slideUp("fast"); } }); $("#dropdown ul li a").click(function(){ var txt = $(this).text(); $("#dropdown p").html(txt); var value = $(thi...