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();

jquery获得下拉框值的代码,布布扣,bubuko.com

时间: 2024-10-23 05:28:46

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

jquery 获取下拉框值与select text

下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").tex

Jquery操作下拉框(DropDownList)实现取值赋值

Jquery操作下拉框(DropDownList)想必大家都有所接触吧,下面与大家分享下对DropDownList进行取值赋值的实现代码 1. 获取选中项: 获取选中项的Value值: $('select#sel option:selected').val(); 或者 $('select#sel').find('option:selected').val(); 获取选中项的Text值: $('select#seloption:selected').text(); 或者 $('select#sel

jQuery操作下拉框的text值和val值

jQuery操作下拉框的text值和val值 1,JS源码 <select name="select1" id="select1" style="width:300px;"> <option value="">-- 请选择 --</option> <c:forEach items="${bi_role_list}" var="bi_role" v

js,jquery获取下拉框选中的option

js获取select选中的值: var sel=document.getElementById("select1"); var index = sel.selectedIndex; // 选中索引 albumid= sel.options[index].value;//要的值 jQuery获取下拉框选中的option: $("#s option:selected").val();

JQuery打造下拉框联动效果

做联动效果,若是用纯JavaScript来做,往往须要辅助页面保存须要刷新的结果集,然后渲染到原页面.考虑将须要动态刷新的内容自己主动拼接到前一个下拉框之后,当前一个下拉框onchange后,同级的后面的下拉框所有清除,然后又一次拼接刷新的内容.用JQuery实现比較easy,代码以省市联动效果为例实现. JSP页面代码例如以下: <li id="base"> <p>生源地:</p> <label> <select id="

Jquery+Ajax下拉框级联查询

Jquery代码 <script type="text/javascript">          $(function(){ //提交事件           $("#ImageButton1").click(function(){ //省Id        var provinceId=$("#selProvince").val(); //市Id        var cityId=$("#selCity").

jQuery切换下拉框里面对应的div

<!DOCTYPE html><html>      <head>            <meta charset="UTF-8">            <title>jquery实现下拉框选中对应的div</title>            <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script

基于jQuery select下拉框美化插件

今天给大家分享一款基于jQuery select下拉框美化插件,这款插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.  <table>         <tr>             <td>                 <h2>                     演示1</h2>                 <select name="drop1&qu

JS年月日三级联动下拉框日期选择代码

原博客网址: http://www.cnblogs.com/gdcgy/p/5467742.html 由于工作中涉及到生日编辑资料编辑,年月日用上面网址案例:bug提示: 编辑生日栏的[年]或者[月],之前保存的具体的[日]就不显示啦,产品说不管编辑哪个数据,其他数据不变: 然后自己改了一下代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh