近日碰到一个问题，就是需要将用户点击下拉列表当中某个选项后，将其所选的内容保存起来，例如下面的HTML代码：
&select onchange=&isSelected(this.value);& id=&city&&
&option value=&1&&北京&/option&
&option value=&2& &上海&/option&
&option value=&2& &广州&/option&
也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：
function isSelected(value) {
var city = document.getElementById(&city&);
//获取选中的城市名称
for(i=0;i&city.i++){
if(city[i].selected==true){
cityName = city[i].innerT //关键点
alert(&cityName:& + cityName);
也可以这么做：
function isSelected(value) {
var city = document.getElementById(&city&);
alert(city.options[city.selectedIndex].innerText);
大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。
在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i].innerText 方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i].value.
至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i].innerText 改为 city[i].text即可。这种方法对IE及FIXEFOX都适用！
在编程过程中，我们对下拉列表框的取值很多时候都是获取option中的value，但是也有需要获取显示在页面中的值的时候，例如想获得&option value=&value&&ShowText&/option&中&ShowText&，我们该如何获取呢？方法很简单，具体代码如下：
&script type=&qu
今天遇到一个贼蛋碎的问题：
1、我从 一个下拉列表select中单击事件，获取options的value值
var product_id = $(this).val()
console.log出来是发现是个数组，如：[&51&]
然后做了如下判断
console.log(product_id); if(product_id =
js获取下拉列表框元素的个数
&!DOCTYPE html& &html& &head& &script& function getLength() { alert(document.getElementById(&mySelect&).length);//元素个数 } &/script& &lt
jQuery获取Select选择的Text和Value： 语法解释： 1. $(&#select_id&).change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$(&#select_id&).find(&option:selecte
Js获取下拉框的值和文本网上提供了2种方法：但有些人很不负责任，他们根本没考虑到浏览器之间的差异导致的错误，导致很多新手琢磨了半天找不出错误！ 下面我总结下Firefox和IE下获取下拉框选定项的值和文本： 1. IE和Firefox都支持的方法：获取文本
var obj=document.getElementById('select_template'); var text=
给select 表单无素一个名字。 表单提交后 用 $_POST 或 $_GET 方式提交
$_POST['sel']或者$_GET['sel']获得选中的select的value值
if( $_POST ) { echo $_POST['select']; } ?& &form name=&form1& enctype=&mult
不知道大家有没有遇到这样的情况？ 在用jquery获取下拉列表ddl的值时返回的为字符串‘null'，而不是空值，结果导致获取的参数不对； 即使在后台判断了其非空，但还是导致了错误（比如拼凑SQL时将null拼进去了）。 下面我们来分析下： 第一种情况：
&select id=&ddlType&& &option value=&
同事在网上的找的下拉列表框出现位置不对的和加载慢的BUG，反正多选下拉列表框实现也很简单，与其看那些结构混乱的代码，不如自己重新实现一个。
先看效果： http://demo.jb51.net/js/2012/jquery_demo/jquery_select.html
(function ($) { $.fn.extend({ MultDropList: fun
比如，在使用DWR的时候，如果你想传递下拉框的参数到后台的话，此时就需要先获取到下拉框的值了。 其实想要获取到下拉框的值是很简单的。 最关键的一段代码就是：
onchange=&show(this.options[this.options.selectedIndex].value);&
onchange=&show(this.options[
&html xmlns=&http://www.w3.org/1999/xhtml&& &head& &title&点击按钮后，文本框变为Select下拉列表框&/title& &script type=&text/javascript&& function showSelect(){ var _t
&html& &head& &meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /& &title&可选择和输入的下拉列表框&/title& &style type=&text/css&
一、获取下拉列表选中项的值和文本(select) 代码 select.htm 示例如下：
&html& &head&&title&获取下拉列表选中项的值和文本(select)&/title&&/head& &body& &script& //获取下拉列表选中项的文本 function getS
&select id=&sltList& name=&list&& &option value=&1&&张三&/option& &option value=&2&&李四&/option& &/select& // 获取当
按照我一贯的web开发风格，所有不直接操作数据库的事件，都尽可能由javascript来实现，所以这个需求我打算使用js来完成。 首先来分析一下具体情况：这个页面是一个更新页面，品牌有品牌1和品牌2两个字段，品牌2可以为空，品牌1不能为空，所以品牌2的下拉列表框比品牌1多一项；如果选择了品牌的前8相中的任意一项，“活跃状态”要隐藏，否则“活跃状态”默认显示状态为“潜在”；当查询的结果品牌1和品牌2
&script language=&javascript&&
/* 列表框互相操作函数集 */
//描述: 添加不重复列表框元素
function selAdd( srcList, dstList )
javascript下拉列表框，内容为当前年份及前后50年，默认选择为当前年份
&script language=&javascript& type=&text/javascript&& window.onload=function(){ //设置年份的选择 var myDate= new Date(); var start
ExtJS这个框架，并没有学习和用过，只知道是一个流行的前段框架，和Easy UI,BUI,DWZ等这些框架都是差不多的，只不过比他们更加强大而已，之所以写这个，我觉得还是很有帮助的。
今天朋友遇到了一个问题:ExtJS中的下拉列表如何设置不可编辑的，html中是不可以编辑的，但是现在这种UI框架中的下拉列表框都是可以编辑的，朋友的需求就是像html中的那样效果，所以朋友想到了用editable
在ExtJs的官方网站上有一个带图片的下拉列表，其中扩展了ExtJs的Combo，名称叫做IconCombox，官方地址为：
/learn/Tutorial:Extending_Ext_Class_Chinese
但是这个IconComboBox有
&script type=&text/javascript&& function check(){ var editor = FCKeditorAPI.GetInstance(&FCKEDITOR的ID&); alert(editor.EditorDocument.body.innerHTML); //输出的就是FCK文本框中的值
这篇文章，主要是关于javascript和select相关的最基本方法，以供不熟悉javascript的人参考。常见的情况是，提出表单结构的人， 不仅仅需要为程序设计逻辑，创建数据结构，还需要设计表单的样式，以及熟悉javascript；某些公司可能会要求您精通photoshop：最初的时候，我们都是全才。
下面是我们例子的基础；这不是一个标准的表单。
&form id=&f&
如下所示：
&!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.
&!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.org/1999/
1.文本框 1.1 &input type=&text& name=&test& id=&test&& 通过var t=document.getElementById(&test&).value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框，例如： var m = &5&quo
尽管&input type=&text& /&和&textarea /&是不同元素，但它们均支持同样的特性来获取包含在文本框内的文本。考虑以下例子：
&html& &head& &title&Retrieying a Textbox Value Example&/title& &s
因为它这个是创建时自动加载的ArrayStore(关键字是:data: ds),没有动态增加的示例,但我们的项目需要有三个列表框,并且后两个的内容要根据第一个列表框内容动态的加载,因此要在选择第一个列表框的内容时,动态填充后两个的内容.我比较佩服exjts的示例写作人员,这些应该在示例中体现的功能，他们都没有写到,包括之前的2.2版本的示例,网上也没有搜索到,害我找了一天如何动态控制列表数据的功能
如何获取select下拉框的值： 1.下拉框的option没有value属性时
&select id=&param1&& &option&学号&/option& &option&姓名&/option& &option&年龄&/option& &/seclect&
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&& &span class='wp_keywordlink_affiliate'&gt
JQuery获取和设置Select选项 获取Select ： 获取select 选中的 text : $(“#ddlRegType”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlRegType “).val(); 获取select选中的索引: $(“#ddlRegType “).get(0).selectedI 设
有时我们需要一个可选的下拉框来选取内容，但是但是又有可以自定义输入的需求。对于这种需求，大部分网站使用的都是一个下拉框和一个 input text ，并列或分行给出选择。那么，我们希望它看上去像一个可以输入也可以选择的下拉框，那该如何做呢？ 其实我们可以通过 css position 定位及少许的 javascript 代码，模拟出来这种效果。
&!DOCTYPE ht
摘要：许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单，我们只需要获取页面上的文本框，加上onfocus事件或者其他对应的事件即可。本文介绍了如何在获取焦点时切换样式，明白原理后，实现其他效果就很简单了。
许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单，我们只需要获取页面上的文本框，
获取Select ： 获取select 选中的 text : $(&#ddlRegType&).find(&option:selected&).text(); 获取select选中的 value: $(&#ddlRegType &).val(); 获取select选中的索引: $(&#ddlRegType &).get
&title&JavaScript控制文本框的值连续加减&/title& &script language=&javascript&& var flag1=0; var flag2=0; function NumberInc() { if(flag1==1 && flag2==1) {alert(&Error!&qu
现在有一id=test的下拉框，怎么拿到选中的那个值呢？
分别使用javascript原生的方法和jquery方法
&select id=&test& name=&&& &option value=&1&&text1&/option& &option value=&quot
各种对下拉列表、文本框、复选框、单选框的jquery的相关操作。做为记录和收藏的最好方法。 遍历option和添加、移除optionfunction changeShipMethod(shipping){var len = $(&select[@name=ISHIPTYPE] option&).lengthif(shipping.value != &qu
通过开发人员工具查看，下拉列表框是有Options的，但你点击选择的时候却什么也不显示。
重现步骤： 该问题发生在级联下拉框的情况，第一个列表改变，第二个列表的值跟着改变！ 本例中使用以下方法绑定数据：
//绑定下拉框 //ctnSelector:下拉框ID，带#号, //jsonData:JSON数据, //txtField:文本字段名称, //v
思路： 大家知道文本框input的type为text,所有我们只要遍历所有input，判断其type是否为text，然后再判断指定字段的值即可达到要求 具体代码如下：
var aa = document.getElementsByTagName(&input&); var bb = 0; for(var i=0;i&aa.i++) {
获取Select ： 获取select 选中的 text : $(&#ddlRegType&).find(&option:selected&).text();
获取select选中的 value: $(&#ddlRegType &).val();
获取select选中的索引: $(&#ddlRegType &).g
1、说明 （1）获取select下拉框选中的索引
$(&#selection&).get(0).selectedI
（2）获取select下拉框选中的值
$(&#selection option:selected&).val();
（3）获取select下拉框选中的文本
$(&#selection option:selec
JS判断只能是数字和小数点(摘录自其它资料，在此发表只为个人以后使用查找方便)
1.文本框只能输入数字(不包括小数点)
&input onkeyup=&this.value=this.value.replace(/\D/g,'')& onafterpaste=&this.value=this.value.replace(/\D/g,'')&&
&script& function clearOption(obj,e){ var currKey=0,e=e|| currKey=e.keyCode||e.which||e.charC if(currKey == 8){ obj.options[0].text = &&; } } function writeSelect(obj怎么用js 但在下拉框选中时，调用一个函数来给另外一个下拉框，另外的那个下拉框收到后，会显示对应的信息_百度知道
怎么用js 但在下拉框选中时，调用一个函数来给另外一个下拉框，另外的那个下拉框收到后，会显示对应的信息
/&/QQ&&3&2&1&4&&&/option&/option value=&4&quot。;option value=&/select&&QQ1&quot。;select name=&1&option value=&&&&option&select name=&3&--请选择--&option&option&但我选中1或者2时 下面的下拉框会自动显示对应的信息（1对应3 2对应4）&lt.com拜托了;&--请选择--&或者有案例的话 也可以发邮箱wzqiangde@163;&option&/&option value=&&select&2&option&/option&&&#47&&option&gt
提问者采纳
;)，再根据自身值判断目标下拉框的值.getElementById(&quot.getElementById(&quot:1&quot：&
case &3&QQ1&quot:
document.value);change(
}}&;script&后边加上id=&;QQ&最后加一个change(num)函数;&quot，然后获取自身值;QQ1&思路就是在第一个下拉框上加个“变值”动作;QQ1&quot，如下;QQ1&quot.value=&quot，给name=&;后边加上id=&2&script&/4&然后在第一个select上加onchange=&function change(num){
switch(num)
case &quot给那个name=&quot，然后让它的值等于那个数字就成了.value=&;QQ&)
提问者评价
谢谢各位了 。。。。。。
其他类似问题
为您推荐：
下拉框的相关知识
其他2条回答
options.getElementById(&4& if(a==&).value.value=&);var a1=);QQ1&){
document.value=& }else{
document.options.QQ&quot.QQ1&2&quot.options.getElementById(&).getElementById(&quot.getElementById(&3&quotfunction changeo(){var a=QQ1&quot
你先打开VB，然后先中“ActiveX Dll”工程，然后开始编辑。编完后，保存一般是以“.cls”和“.vbw”保存。这时你选择“文件”菜单，弹出下拉框，选中“生成.dll”选项，它就会在上面弹出一个进度条“正在生成.dll文件”。生成以后是一个有好象齿轮状的图标。如果你要引用，就开一个“标准EXE”工程，然后在“工程”选项中，单击“引用”，找到你刚才的“.dll”的文件名，在前面的复选框中打勾，就可以引用你刚才在那里面写的方法等。 请参考
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁java:添加下拉框默认值时没问题，当我点击修改页面时最好先显示我刚开始保存的那个数据，再点击下拉框选择_百度知道
java:添加下拉框默认值时没问题，当我点击修改页面时最好先显示我刚开始保存的那个数据，再点击下拉框选择
id=&节日短信&其他短信&
&select name=&quot&&
======请选择======
&&&option value=&&#47，如果在修改页面里;/
&lt，请教下.smsClass&/
&smsClass&option&gt！，该怎么写;option&&option value=&option value=&option value=&&select&/这个保存页面的代码;&
&lt！;option&
&生日短信&quot
提问者采纳
这些操作要在页面初始化后操作,你的修改也许是从后台取的数据2.得到id为smsClass的下拉列表框3。（也许你使用的框架可以很方便的完成这一类的操作）注.使用javaScript或任何你喜欢的方式动态指向你添加时的值,要在下拉列表初始化完成后操作1.首先得到你的下拉列表框刚才选择的值
我那个修改页面下拉框的值是从数据库中拿的，这个值怎么在点击修改页面后下拉框先显示数据库那个值，然后再点击下拉框后重新选择
我上边说了哦 你的修改是从后台取的1.得到id为smsClass的下拉列表框2. 用javaScript或任何你喜欢的方式动态选择你数据库中的值.你自己实践下如果使用jstl，将值先存入页面：pageContext.setAttribute(&opt&,取到的值);例子：1.列表处&option ${opt==1?'selected':''}&&/option&&%String opt=request.getParameter(&opt&);%&不使用jstl就直接判断&option &%=opt.equals(&1&)?&selected&:&&%& &&/option&2.这样也可以：&select name=&APPLICARION_STATE& id=&APPLICARION_STATE& onchange=&javascript:SelectApplication();&&
&option value=&1& &%if(APPLICARION_State.equalsIgnoreCase(&1&)) out.print(&selected&);%&&确认&/option&
&option value=&2&&%if(APPLICARION_State.equalsIgnoreCase(&2&)) out.print(&selected&);%&&未确认&/option&
&/select& 3.用javaScript 函数判断option value是否等于数据库中传来的值.如果相等就选中。
提问者评价
非常谢谢，我晓得了
其他类似问题
为您推荐：
下拉框的相关知识
其他2条回答
jsp 还是 纯HTML？
如果你要取你在页面选择的值,直接在修改页面用对象.属性就可以了啊,如果是其他的,那就用JS吧
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁&script type=&text/javascript& src=&/js/jquery-1.11.1.min.js& &&/script&
&script type=&text/javascript& src=&/js/party.js& &&/script&
&table style=&text-align:&&
&td&出生日期：&/td&
&td&&select id=&birth_year& onchange=&setDays(this,birth_month,birth_day);&&
&option value=&&&年&/option&
&/select& &select id=&birth_month& onchange=&setDays(birth_year,this,birth_day);&&
&option value=&&&月&/option&
&/select& &select id=&birth_day&&
&option value=&&&日&/option&
&/select&&/td&
$(document).ready(function() {
var i = -1;
// 添加年份，从1910年开始
for (i = 1910; i &= new Date().getFullYear(); i++) {
addOption(birth_year, i, i - 1909);
/*// 默认选中1988年
if (i == 1988) {
birth_year.options[i-1910].selected =
// 添加月份
for (i = 1; i &= 12; i++) {
addOption(birth_month, i, i);
// 添加天份，先默认31天
for (i = 1; i &= 31; i++) {
addOption(birth_day, i, i);
//$(&#birth_month&). birth_year
// 设置每个月份的天数
function setDays(year, month,day) {
var monthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
var yea = year.options[year.selectedIndex].
var mon = month.options[month.selectedIndex].
var num = monthDays[mon - 1];
if (mon == 2 && isLeapYear(yea)) {
for (var j = day.options.length - 1; j &= j--) {
       
day.remove(j);
    
    
for (var i = day.options. i &= i++) {
        
addOption(birth_day,i,i);
    
// 判断是否闰年
function isLeapYear(year)
return (year % 4 == 0 || (year % 100 == 0 && year % 400 == 0));
// 向select尾部添加option
function addOption(selectbox, text, value) {
var option = document.createElement(&option&);
option.text =
option.value =
selectbox.options.add(option);
原文地址：/qingliuyu/archive//1857586.html
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：45635次
排名：千里之外
原创：16篇
转载：28篇
评论：15条
(2)(3)(1)(3)(3)(20)(11)(1)通过读取数据库+循环的方法做了一个select下拉列表，但始终无法通过js赋予指定值，怎么解决？(撒分，不够另补)
[问题点数：100分，结帖人u]
通过读取数据库+循环的方法做了一个select下拉列表，但始终无法通过js赋予指定值，怎么解决？(撒分，不够另补)
[问题点数：100分，结帖人u]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2013年5月 总版技术专家分月排行榜第一
2014年8月 总版技术专家分月排行榜第二2014年7月 总版技术专家分月排行榜第二2013年6月 总版技术专家分月排行榜第二
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。