注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

面包会有的

... ...

 
 
 

日志

 
 

select取选中值,取选中项的索引,选  

2017-10-07 16:44:54|  分类: jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

jquery获取select选择的文本与值

获取select 选中的 text:
$("#ddlregtype").find("option:selected").text();

获取select选中的 value:
$("#ddlregtype ").val();

获取select选中的索引:
$("#ddlregtype ").get(0).selectedindex;

1、获取选中select的value和text,html代码如下:
<select id="mySelect">  
<option value="1">one</option>  
<option value="2">two</option>  
<option value="3">three</option>  
</select> 

1、则可通过以下script代码s来获取选中的value和text
$("#mySelect").val(); //获取选中记录的value值  
$("#mySelect option:selected").text(); //获取选中记录的text值

2、运用new Option("文本","值")方法添加选项option:
var obj = document.getElementById("mySelect");
obj.add(new Option("4","4"));   

3、删除所有选项option:
var obj = document.getElementById("mySelect");
obj.options.length = 0;

4、删除选中选项option:
var obj = document.getElementById("mySelect");  
var index = obj.selectedIndex;  
  obj.options.remove(index);   

5、修改选中选项option
var obj = document.getElementById("mySelect");  
var index = obj.selectedIndex;  
obj.options[index] = new Option("three",3); //更改对应的值  
obj.options[index].selected = true; //保持选中状态  

6、删除select:
var obj = document.getElementById("mySelect");  
obj.parentNode.removeChild(obj); //移除当前对象  

7、select选择的响应事件:
$("#mySelect").change(function(){  
//添加所需要执行的操作代码  
})    
  评论这张
 
阅读(33)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018