jquery动态加载select下拉框，如何做到每次点击下拉框都保证是最新的数据？-学网-中国IT综合门户网站
> jquery动态加载select下拉框，如何做到每次点击下拉框都保证是最新的数据？
jquery动态加载select下拉框，如何做到每次点击下拉框都保证是最新的数据？
转载 编辑：李强
为了帮助网友解决“jquery动态加载select下拉框，”相关的问题，学网通过互联网对“jquery动态加载select下拉框，”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:jquery动态加载select下拉框，如何做到每次点击下拉框都保证是最新的数据？，具体解决方案如下：解决方案1：1、点击#ca时，检查有没有options_loaded=1，有就不再发起ajax请求了。没有的话：2、发起ajax请求获取最新数据。3、追加option前先清空所有options。4、追加后，给#ca元素添加属性options_loaded=1。通过对数据库的索引,我们还为您准备了：问：求大神,在线等。答：你可以在select控件的子节点上面绑定一个click的事件， var optStr =“”;//比如子节点是一个div$("#select").find("div").click(function(){ //每次单击都获取选定值的数组 并拼接成逗号分割的字符串 // 这样就不用每次都判断 选中或者取消的值是...===========================================问：动态加载下拉框的问题，分段载入，比如先加载十个，然后下拉框拉到最底...答：这个原生的select 应该没有办法实现。select标签 一般都是监听的change事件。===========================================问：现在有2个select 对话框 &select name="select" class="" id="select1"&...答：$(function () { var selects = $('#select1, #select2').change(function () { // jquery 1.6 以下请把prop改成attr selects.prop('selectedIndex', $(this).prop('selectedIndex')); });});===========================================问：我想点击页面空白处，select下拉框会自动弹出，怎么做呢 &select& &opti...答：你在点击空白的地方触发一个select的点击事件，例如 $("#div").click(function(){ $("#select").click(); });===========================================问：我一步步来 html代码 &div style="margin: 10" id="divSear1"& &inpu...答：textarea和select的jquery的clone方法有问题，textarea和select的值clone的时候会丢掉，这个是jquery的一个bug,网上有一个插件，下载地址如下：/spencertipping/jquery.fix.clone/blob/master/jquery.fix.clone.js。就是在clo...===========================================问：我是这样写的： &script type="text/javascript" language="javascript"...答：使用jquery在select标签下添加选项可用append()方法，设置选中项可用val()，那么可以连写如下： $("select").append(new_option).val(ckd); // 将new_option添加到select标签，并且使value等于ckd的option默认选中下面给出示例： 创建Html元素：...===========================================问：当我选择相应的option的时候，就把这个option设置成select='selected'，...答：onchange方法，你可以看看w3c~~===========================================问：当我选择相应的option的时候，就把这个option设置成select='selected'，...答：写在页面加载事件里， $(fuinction(){ //加载。一般是select是个Div for(..) //循环 { var html=html+"" } $（div）.append(html); )===========================================问：jquery动态添加下拉框选项之后 通过其他jquery插件更改下拉框样式但是更...答：1、添加下拉框选项并设置样式 function addOption(){ $("#下拉框的id").append( "选项一" ); $("#下拉框的id").append( "选项二" ); //可以一个一个添加，也可以遍历要添加的数据循环添加 //两种方式设置样式 //1、直接设置下拉框的css $("#下拉...===========================================怎么可能。。估计是你jQuery代码有问题吧===========================================我是用在GitHub上下载的版本。jquery版本1.7.1,jquery ui版本1.8.11multiselect 要在jquery和jquery ui后加载,另外要jquery-ui和multiselect的CSS,你找找看是因为哪个原因?===========================================select").attr("disabled", "disabled"); //如果和jquery1.6以上版本,可以使用以下语句: $("select").prop("disabled", true)...===========================================select框的东西平时把表格隐藏并且讲的高度设为0,遇到事件触发时,用动画慢慢把高度拉大。而且select的外观是由系统外观决定的无法改变,一般看到的网页上的很漂亮的下拉...===========================================change只能可以用下拉列表触发,例如$(&#select&).change(function(){//$(this).val() 得到当前选中的值//你的ajax函数...===========================================可以先放到hidden域中,然后通过jquery先获取hidden域的值,然后用$("selectid").val("hidden域的值");=========================================== 先用类似httpwatch的工具,看看服务器有没有返回正确的数据。然后再排查是不是前端绑定出了问题===========================================这个值是根据ajax来的,还是动态语言从request中取的。 这2个代码就不一样了。 可以用ajax取,也可以再页面加载的时候经过一个请求,然后把值带到页面。 你说你要哪种,...===========================================我这有一个strruts1和ajax实现的二级联动案例,省市级联ssh1+jquery+struts2.1也可以实现,参考我这个稍微改动一下就OK了!如果需要,请把邮箱贴出来!===========================================结果没有反应),所以最好的方法我觉得就是模拟select,就是说不用select标签,自己写一组html替换select,这方面成熟的jquery插件也不少。这样做便于控制下拉列表何时显示隐藏...===========================================
本文欢迎转载，转载请注明：转载自学网： []
用户还关注Js获取下拉框的值和文本网上提供了2种方法：但有些人很不负责任，他们根本没考虑到浏览器之间的差异导致的错误，导致很多新手琢磨了半天找不出错误！
下面我总结下Firefox和IE下获取下拉框选定项的值和文本：
1. IE和Firefox都支持的方法：获取文本
var obj=document.getElementById('select_template');
var text=obj.options[obj.selectedIndex].//获取文本
var obj=document.getElementById(&select_template&);&&&&&&& for(i=0;i&obj.i++) {//下拉框的长度就是他的选项数&&&&&&&&&& if(obj[i].selected==true) {&&&&&&&&&&& var text=obj[i].//获取文本&&&&&&& }}
二者相比上一个方法比较简洁
2. IE支持Firefox不支持：
var obj=document.getElementById(name);
for(i=0;i&obj.i++)& {&&&&&&& if(obj[i].selected==true) {&&&&&&&&&& var text= obj[i].innerT&&&& &&&&&&& }&&& }
获取值方法IE和Firefox通用：
var value=document.getElementById(&select_template&).//获取值
总结：其实主要就是IE和Firefox都支持value和text属性，Firefox不支持innerText属性。
Js实现当前页打开一个新链接：window.location.href=
现在有一id=test的下拉框，怎么拿到选中的那个值呢？
分别使用javascript原生的方法和jquery方法
&select id=&test& name=&&& &option value=&1&&text1&/option& &option value=&quot
一、获取下拉列表选中项的值和文本(select) 代码 select.htm 示例如下：
&html& &head&&title&获取下拉列表选中项的值和文本(select)&/title&&/head& &body& &script& //获取下拉列表选中项的文本 function getS
如下所示：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&& &html xmlns=&http://www.w3.
1、说明 （1）获取select下拉框选中的索引
$(&#selection&).get(0).selectedI
（2）获取select下拉框选中的值
$(&#selection option:selected&).val();
（3）获取select下拉框选中的文本
$(&#selection option:selec
近日碰到一个问题，就是需要将用户点击下拉列表当中某个选项后，将其所选的内容保存起来，例如下面的HTML代码：
&select onchange=&isSelected(this.value);& id=&city&& &option value=&1&&北京&/option& &l
js获取下拉列表框元素的个数
&!DOCTYPE html& &html& &head& &script& function getLength() { alert(document.getElementById(&mySelect&).length);//元素个数 } &/script& &lt
获取Select ： 获取select 选中的 text : $(&#ddlRegType&).find(&option:selected&).text(); 获取select选中的 value: $(&#ddlRegType &).val(); 获取select选中的索引: $(&#ddlRegType &).get
javascript选定文本取消, 能兼容所有主流浏览器了:
if (document.selection) { document.selection.empty(); } else if (window.getSelection) { window.getSelection().removeAllRanges(); }
对于文本框(input,textarea)中的文本
在编程过程中，我们对下拉列表框的取值很多时候都是获取option中的value，但是也有需要获取显示在页面中的值的时候，例如想获得&option value=&value&&ShowText&/option&中&ShowText&，我们该如何获取呢？方法很简单，具体代码如下：
&script type=&qu
1.文本框 1.1 &input type=&text& name=&test& id=&test&& 通过var t=document.getElementById(&test&).value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框，例如： var m = &5&quo
于是尝试了用input+select来实现，结果如下：
具体代码及演示地址：/test.aspx 这种方法其实是在下拉框上压一个文本框，能够实现输入，也能够实现下拉框的选择。但根据输入值用用异步的方式绑定下拉框选项时， 无法展开下拉框，到网上找了段代码：
document.form1.ddlMovName.focus(); var
vbs实现的下拉框对应键入值选择自gu1dai的Blog 关键字vbs实现的下拉框对应键入值 &TITLE&selectcenter&/TITLE& &link&nb
不知道大家有没有遇到这样的情况？ 在用jquery获取下拉列表ddl的值时返回的为字符串‘null'，而不是空值，结果导致获取的参数不对； 即使在后台判断了其非空，但还是导致了错误（比如拼凑SQL时将null拼进去了）。 下面我们来分析下： 第一种情况：
&select id=&ddlType&& &option value=&
如何获取select下拉框的值： 1.下拉框的option没有value属性时
&select id=&param1&& &option&学号&/option& &option&姓名&/option& &option&年龄&/option& &/seclect&
&script type=&text/javascript&& function check(){ var editor = FCKeditorAPI.GetInstance(&FCKEDITOR的ID&); alert(editor.EditorDocument.body.innerHTML); //输出的就是FCK文本框中的值
比如，在使用DWR的时候，如果你想传递下拉框的参数到后台的话，此时就需要先获取到下拉框的值了。 其实想要获取到下拉框的值是很简单的。 最关键的一段代码就是：
onchange=&show(this.options[this.options.selectedIndex].value);&
onchange=&show(this.options[
很多群员问了关于下拉框美化的问题，现打一个下拉框美化的制作过程，其实是模拟出来的下拉框。 问题1：为什么要模拟下拉框？ 1，浏览器自带的 下拉框样式不好看。 2，在ie6下，下拉框的优先级大于层，经常导致下拉框显示在层的上面。 OK，明白这个问题后，我们就开始用jQuery制作模拟下拉框。
第一步：先搭建好结构 这是普通的下拉框代码： XML/HTML代码
效果展示： 页面初加载时：
选择车类型后：
选择车颜色后：
JS实现下拉框的动态添加，网页代码如下：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML
今天遇到一个贼蛋碎的问题：
1、我从 一个下拉列表select中单击事件，获取options的value值
var product_id = $(this).val()
console.log出来是发现是个数组，如：[&51&]
然后做了如下判断
console.log(product_id); if(product_id =
当下拉框改变的时候，添加一个成人填写信息或儿童填写信息！
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&& &h
知识点： 0、为什么要innerText？因为安全问题 1、为firefox dom模型扩展属性 2、currentStyle属性可以取得实际的style状态 3、IE实现innerText时考虑了display方式，如果是block则加换行 4、为什么不用textContent？因为textContent没有考虑元素的display方式，所以不完全与IE兼容 代码： 在IE6,7,8 和fire
原理就是一个textbox加一个ul模拟下拉框，用font模拟一个下拉按钮。
一、制作静态效果 先用css和html，做出一个应该有的样子。这里这两个我使用的是字体，可以在icomoon网站上面自己制作。用字体的好处是和输入框定位很方便，而且还可以控制大小颜色等，唯一的不足是IE6和IE7由于不支持:before选择器，导致无法显示这种字体，但可以通过一些其他方法实现，大家可以自己尝试下。下面是
&HTML& &HEAD&
&TITLE& New Document &/TITLE&
&META NAME=&Generator& CONTENT=&EditPlus&&
有时我们需要一个可选的下拉框来选取内容，但是但是又有可以自定义输入的需求。对于这种需求，大部分网站使用的都是一个下拉框和一个 input text ，并列或分行给出选择。那么，我们希望它看上去像一个可以输入也可以选择的下拉框，那该如何做呢？ 其实我们可以通过 css position 定位及少许的 javascript 代码，模拟出来这种效果。
&!DOCTYPE ht
JQuery获取和设置Select选项 获取Select ： 获取select 选中的 text : $(“#ddlRegType”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlRegType “).val(); 获取select选中的索引: $(“#ddlRegType “).get(0).selectedI 设
//得到下拉菜单的选中项的文本(注意中间有空格)var cc1 = $(&.formc select[@name='country'] option[@selected]&).text();//得到下拉菜单的选中项的值var cc2 = $('.formc select[@name=&country&]').val();//得到下拉菜单的选中项的
首先下载jquery.multiselect.js 的插件然后复制下列代码，只需改下路径就可以实现可多选下拉框。如果好用还请多多支持！
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-
说明：部分标签和类是封装在框架内的，其效果和html标签差不多。
&% Date d = new Date(); SimpleDateFormat sdf = new SimpleDateFormat(&yyyy-MM-dd&); %&&% UserInfo userInfo = (UserInfo) session.ge
获取Select ： 获取select 选中的 text : $(&#ddlRegType&).find(&option:selected&).text();
获取select选中的 value: $(&#ddlRegType &).val();
获取select选中的索引: $(&#ddlRegType &).g
aspx页面代码：通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值
&asp:GridView ID=&GridView1& runat=&server&& &Columns& &asp:BoundField HeaderText=&ID& DataField=&q
&html& &head& &script language=&javascript&&&!-- function change(obj) { alert(obj.value); } // --&&/script& &/head& &body& &select name=&cin
:enable 获取可输入状态的元素 :disabled 获取不可输入状态的元素 :checked 获取选中的表单元素 :seleced 获取下拉框中选中的元素 下面看一粒例子 Html
&body& &form id=&form1& runat=&server&& &div& &ul&
// 第一个下拉框 var parentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: 'loadByParentid.action?parentid=1001' }), reader: new Ext.data.JsonReader({ root: 'list', id: 'id' }, [ {n
获取选中的值获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $(&select[@name=items] option[@selected]&).text();
select下拉框的第二个
继续发一篇关于web前端自定义控件――ComboBox(下拉框),以往我在使用下拉框控件老是为了样式丑陋而烦恼，现在分享这个控件，希望有用的同仁们可以收藏，或进行二次修改，达到你想要的效果。
分解自定义下拉框：
1.创建构造函数，初始化赋值控件值。
2.绑定控件呈现在前台。
3.点击下拉框控件，展示下拉列表
4.点击触发下拉框控件，收起下拉列表。
5.点击下拉项触发事件。
&style type=&text/css&& /* 带复选框的下拉框 */ ul li{ list-style: padding:0 margin: 0 } .select_checkBox{ border:0 position: display:inline-bloc
功能：点击下拉框输入框时，自动显示下面的下拉列表，而且是根据输入框中输入的搜索添加，自动在后台查找，然后传到前台，展现页面。 用的的js：
var $xialaSELECT; $(document).ready(function(){ initXialaSelect(); initSearch(); }); var temptime
觉得这个下拉框已经稍微能满足美观需求了，
这个是点出来的效果，写了键盘的方向键，回车，esc等 事件， 并且能根据页面的底部距离判断是否向上展示 今天弄了个联动的，顺便贴部分代码
效果预览：
以下代码解决了ie6的兼容问题
$containerDivText.mousedown(function() { setTimeout( func
在项目开发过程中我们时常会碰到要设置下拉框为只读（readonly），但是可惜的是select没有只读属性，所以需要在select外面包含一个span，通过js来改变。
下面这段html代码是在struts2的下拉标签中加入了span标签，在页面装载的时候就让下拉框变成不可读。
&body onload=&init()&& &span
灵活性方面考虑了比较多的方面，提供了几个重要的配置方便在各类环境下使用，欢迎各位童鞋使用，源码完全开放。开发这个插件的缘于前段时间维护一个4级级联下拉框被里面200行代码及复杂的结构和bug所郁闷（之所以这么多代码是因为该级联下拉框有时只出现2个或3个），想到这类的需求其实经常都能遇到，jquery里没有这样比较好的插件，索性自己开发个。源代码并不复杂，稍微复杂的地方在第二个插件使用了缓存，造成理当前访客身份：游客 [
当前位置：
就是这些option 变为动态的赋值
共有1个答案
<span class="a_vote_num" id="a_vote_num_
我不懂，但我看到你这个图片样子，建议你选chosen这个插件吧。非常简单，而且我懂。
引入jquery.chosen.js
然后&selectInput.chosen();就初始化好了。
然后要清空所有的：
&selectInput.val(&&);selectInput.chosen(&destroy&); selectInput.chosen();
然后要动态用js代码选择出多个：
for(var i = 0;i&list.i++){ &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&selectInput.find(&option[value=&+list[i].userId+&]&).attr(&selected&,&selected&); & } & selectInput.trigger(&chosen:updated&);
--- 共有 5 条评论 ---
: 谢谢你，这个效果跟我的需求不符合，没有全选全不选，对jquery不了解，不会改源码。
(2年前)&nbsp&
: http://davidwalsh.name/demo/jquery-chosen.php
为什么我一搜，就是百度第二个呢。
(2年前)&nbsp&
: 没找到下拉复选框的例子，你哪儿有的话，发我一份吧。邮箱。谢谢你
(2年前)&nbsp&
: 可以，你可以到百度搜索一下，就有的，然后你可以看看效果，我感觉效果比你这个好。
(2年前)&nbsp&
这个插件，能做下拉列表中还有复选框吗，我还要从数据库查询出的值赋给option 有多少值就动态添加多少个option
(2年前)&nbsp&
更多开发者职位上
有什么技术问题吗？
类似的话题版权所有 京ICP备号-2
迷上了代码！}