博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery中的下拉框
阅读量:5935 次
发布时间:2019-06-19

本文共 1081 字,大约阅读时间需要 3 分钟。

1.1select获取选中的value值

假如你现在还在为自己的技术担忧,假如你现在想提升自己的工资,假如你想在职场上获得更多的话语权,假如你想顺利的度过35岁这个魔咒,假如你想体验BAT的工作环境,那么现在请我们一起开启提升技术之旅吧,详情请点击

<label for="select">

         <select id="key_RedemptionMode" name="RedemptionMode" allownull="1" class="inputW130">

           <option value="">请选择</option>

            <option value="0" selected="selected" >基金管理模式(浦发直接代扣)</option>

<option value="1"  >基金第三方销售模式(打款至8866专户)</option>     

         </select>

      </label>

 

$("#key_RedemptionMode  option:selected").val();

 

$('#key_RedemptionMode option:selected').text();

 

1.2,清空下拉框的值

<select id="search">

<option>baidu</option>

<option>sogou</option>

</select>

清空:

$("#search").find("option").remove();

或者

$("#search").empty();

1.3,加载下拉菜单

//ajax返回值必须包含:keyfield和valuefield字段

function loadSelectDataByUrl(id,url,datavalue){

         $.ajax({

                   url: url,

                   type: 'POST',

                   data: {key:datavalue},

                   dataType: 'json',

                   async: false,

                   success: function(jObj){

                            $("#"+id).empty();

                            var html="";

                            html = "<option value=\"\">请选择</option>"

                            for(var i=0; i<jObj.length;i++){

                                    

                                     html = html +"<option value=\""+jObj[i].keyfield+"\">"+jObj[i].valuefield+"</option>";

                            }

                            $("#"+id).append(html);

                  

                   }

         });

}

转载地址:http://lmctx.baihongyu.com/

你可能感兴趣的文章
本地yum源部署记录
查看>>
《Go语言入门》第一个Go语言程序——HelloWorld
查看>>
母版页中对控件ID的处理
查看>>
Clojure 宏 上篇
查看>>
Redis总结(一)Redis安装
查看>>
视图控制器生命周期中各个重要的方法(Swift) (Important Methods during the Lifecycle of a View Controller)...
查看>>
[Android]使用Dagger 2依赖注入 - DI介绍(翻译)
查看>>
SQL SERVER 系统库查询
查看>>
2016-2017-2点集拓扑14数本2班上课视频
查看>>
shell脚本去重的几种方法
查看>>
144.5. ngrep - Network layer grep tool
查看>>
Android图表库MPAndroidChart(四)——条形图的绘制过程过程,隐隐约约我看到了套路...
查看>>
WCF 、Web API 、 WCF REST 和 Web Service 的区别
查看>>
Elasticsearch上手——Python API的简单使用
查看>>
着手打造你的随身系统---将linux装进移动硬盘
查看>>
Comet:基于 HTTP 长连接的“服务器推”技术
查看>>
[20150803]使用函数索引注意的问题.txt
查看>>
解决ORA-00054资源正忙的问题
查看>>
商业智能、大数据、社交化、实时性是未来企业的精髓
查看>>
算法运行时间
查看>>