jquery获得下拉框值的代码_jquery

获取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");
$("#ddlRegType ").get(0).value = value;

设置select 选中的text:

复制代码 代码如下:

var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}

$("#select_id option[text='jQuery']").attr("selected", true);

设置select option项:

复制代码 代码如下:

$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
$("#select_id option:last").remove(); //删除索引值最大的Option
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

清空 Select:
$("#ddlRegType ").empty();

时间: 2024-10-30 19:37:45

jquery获得下拉框值的代码_jquery的相关文章

jQuery实现下拉框功能实例代码_jquery

说一百句,不如我给大家贴张效果图,效果图请看下面: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { m

jQuery Select下拉框操作小结(推荐)_jquery

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_

jquery获取下拉框值详解

我们利用js获取select值是比较麻烦的,下面我们来看看利用jquery来获取select值的代码吧,下面我们来看分二种获取方法. <select id="ddltype"> <option value="">请选择</option> <option value="1">安徽省</option> -- </select> <select id="ddltyp

asp.net中js+jquery添加下拉框值和后台获取示例_实用技巧

复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type

用jquery实现下拉菜单效果的代码_jquery

效果如下:这是菜单的内容,用ul标签实现菜单: 复制代码 代码如下: <div id="menu"> <ul> <li><a href="">菜单一</a> <ul> <li><a href="">子菜单1</a></li> <li><a href="">子菜单2</a>

jquery 获取下拉框值与select text

 获取select 选中的 text :  代码如下 复制代码    $("#ddlregtype").find("option:selected").text();    获取select选中的 value:  代码如下 复制代码    $("#ddlregtype ").val();    获取select选中的索引:  代码如下 复制代码      $("#ddlregtype ").get(0).selectedind

更优雅的jQuery拼接下拉框方式

在Stack Overflow浏览到一个问题:如何用jQuery更好的拼接下拉框代码?这个小需求在实践中也写过很多次,但是网友提供了一个更优雅的jQuery拼接下拉框方式. 代码如下: var options = $("#options"); $.each(result, function() {     options.append($("<option />").val(this.ImageFolderID).text(this.Name)); })

jquery实现select下拉框美化特效代码分享_javascript技巧

这是一款基于jquery实现select下拉框美化特效代码,用户可以选择下拉菜单内容,是一款非常实用的特效源码.  为大家分享的jquery实现select下拉框美化特效代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/g.css" type="text/css&

jquery 级联下拉框实例代码

  <!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/xhtml"> <head> <meta http-equiv="conten