jquery模拟SELECT框，效果图如下： 代码如下: jquery模拟SELECT框 body{padding:0;margin:0;font-size:12px;} ul,li{list-style:none;padding:0;margin:0;} #dropdown{width:186px; margin:100px auto; position:relative} .input_select{width:150px; height:24px; line-height:24px; padding-left:4px; padding-right:30px; border:1px solid #a9c9e2; background:#e8f5fe url(arrow.gif) no-repeat rightright 4px; colo...
现在有一id=test的下拉框，怎么拿到选中的那个值呢？ 分别使用javascript原生的方法和jquery方法 代码如下: text1 text2 一：javascript原生的方法 1:拿到select对象： var myselect=document.getElementById("test"); 2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value： myselect.options[index].value; 4:拿到选中项options的text： myselec...
获取Select ： 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select： 设置select 选中的索引： $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值 设置select 选中的value：$("#ddlRegType ").attr("value","Normal“);$("#ddlRegType ").val("Normal");$("#d...
代码如下: /** * 向上移动选中的option */ function upSelectedOption(){ if(null == $('#where').val()){ alert('请选择一项'); return false; } //选中的索引,从0开始 var optionIndex = $('#where').get(0).selectedIndex; //如果选中的不在最上面,表示可以移动 if(optionIndex > 0){ $('#where option:selected').insertBefore($('#where option:selected').prev('option')); } } /** * 向下移动选中的option */ function d...
今天用jquery,用json从后台获取一个列表,准备在前台用一个动态生成的select标签显示出来... 结果一直不能显示,动态生成input,a 都是可以的 最后随便的在select前面敲了一堆11111111111111111111111 然后select出现了 怀疑可能跟空格有关,加了个 在select前面,没反应 之后又尝试了各种方法,还是不行 再从搜狗浏览器换成IE,FIREFOX, 没问题了 才发现是浏览器问题....浪费了3个多小时,无语了 搜狗浏览器也比较坑啊....哎 以后坚决...
一个简单的css配合jq美化select 代码如下: 请选择… 1 2 3 代码如下: $(document).ready(function() { $('#basic-usage-demo').fancySelect(); // Boilerplate var repoName = 'fancyselect' $.get('' + repoName, function(repo) { var el = $('#top').find('.repo'); el.find('.stars').text(repo.watchers_count); el.find('.forks').text(repo.forks_count); }); var menu = $('#top').find('menu'); function posi...
获取select ： 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex; 设置select: 设置select 选中的索引： $("#ddlregtype ").get(0).selectedindex=index;//index为索引值 设置select 选中的value： 代码如下: $("#ddlregtype ").attr("value","normal“); $("#ddlregtype ").val("no...
如题，直接上代码，实战学习。 代码如下: jquery实现动态加载select下拉选项 function init(){ makemoduleSelect(); } //加载模板下拉框选项 function makemoduleSelect(){ $.ajax({ url : 'indexStatisticsAction_getSelect.jsp', data: { page:'clientindexStatistics.jsp',method:'get_modtitlecode'}, success : function(result){ $("#makemodule").append(result); } }); } 下拉框 ------- 以上html被加载时，由于bo...
本篇文章提供一款jquery遍历select教程代码，主要是利用了$("# option").each(function() {形式来each遍历一次，这样所有的select就给查询了一次。 代码如下:$(document).ready(function(){$("#selecttest").change(function(){ //alert("hello"); //alert($("#selecttest").attr("name")); //$("a").attr("href","xx.html"); //window.location.href="xx.html"; //alert($("#selecttest").val()); ...
1.jQuery添加/删除Select的Option项：2.$("#select_id").append("Text"); //为Select追加一个Option(下拉项) 3.$("#select_id").prepend("请选择"); //为Select插入一个Option(第一个位置) 4.$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 5.$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 6.$("#select_id option[value='3']").remove();...
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=$("#se...
jQuery有一个很好用的delegate(事件委派)功能，可以给当前以及将来(动态添加)的元素绑定一个事件处理函数。 比如下面的例子，动态添加一个输入文本框后，我想让所有文本框（不管是不是动态添加的）在获取焦点时，自动转大写。 代码如下: delegate测试 *{padding:0;margin:0;list-style:none;margin:5px} //动态添加一行文本输入框function addInput(){ $("#ulTarget").append(""); } $().ready(function(){ $("#ulTarget").d...
很多时候，美工会觉得默认的select下拉框很难看（特别是右侧的下拉箭头按钮），他们通常喜欢用一个自定义的图标来代替这个按钮。这样就只能用 js + div 来模拟了，倒腾了一番，用jQuery模拟了下，当然网上这种文章也不少，只是懒得去看找 代码如下: 自己实现的下拉框 *{font-size:12px;line-height:18px;list-style:none;padding:0;margin:0;text-decoration:none;color:#000;border:0} .page{text-align...
代码如下: $(document).ready(function(){ $("#precinct").change(function(){ $("#ptype").val("");//重置所有 $("#stype").html(""); $("#stype").append("--请选择--"); }); //监听专利类型change事件 $("#ptype").change(function(){ var ptype = $(this); var atype = $(this).val();//对象值 var pid = $("#precinct").val(); if (!ptype.data(atype)) {//从缓存里拿到值得话不需要再和服务器交互 $.post("Main/PatentSubsi...
每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。 比如 1、设置value为pxx的项选中$(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option[text=pxx]").attr("selected",true); 这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的value $(".selector").val(); 4、获取当前选...