首页 > js填充select下拉框并选择默认值

js填充select下拉框并选择默认值

/* 使用json数组填充下拉框并复选 *//* 初始化下拉框数据 */
var jsonStr = { "data": [] };
for (var str in JsonStr.data) {jsonStr.data.push({ "value": JsonStr.data[str].value, "text": JsonStr.data[str].text });
}/* 调用BandSelectObj函数 */
BandSelectObj($(".select"), jsonStr, "请选择", 0);/* 设置下拉框并选择默认值 */
function BandSelectObj(obj, jsonStr, defaultText ,defaultIndex) { 

   /* 设置默认显示文字 */var SelectStr = (defaultText != "") ? "" : "";

   /* 添加option */for (var str in jsonStr.data)SelectStr += "";

   /* 循环select对象 */obj.each(function () {

     /* 获取select现有值 */var def = $(this).val();

     /* 刷新select内容 */$(this).html(SelectStr);

     /* 如果当前select现有值为空则选中默认序号,否则选中现有值 */if (def == null)$(this)[0].selectedIndex = defaultIndex;else$(this).val(def);}); };

  

转载于:https://www.cnblogs.com/xuhaifeng/p/8434386.html

更多相关:

  • 工作中多次遇到Python版本的签名算法,需要用Go版本再实现一遍,这就需要牵扯到Python 2.7中的urllib中的quote,quote_plus和Go中net/url包中的url.QueryEscape的关系。 下面直接给出它们的关系: urllib.quote_plus(str)等同于url.QueryEscape(s...

  • C语言中操作字符串用C运行时函数:strtok, strcmp, strcpy等等,直接操作内存。在c++引入的字符串操作类std:string ,string类中必有一个私有成员,其是一个char*,用户记录从堆上分配内存的地址,其在构造时分配内存,在析构时释放内存。因为是从堆上分配内存,所以string类在维护这块内存上是格外小心...

  • 思路 大体思路:数据结构选用栈,读到左括号时入栈,读到右括号时判断是否匹配,匹配则左括号出栈,非括号字符则继续往下读 代码 #include #include #include using namespace std;bool is_match_parentheses(co...

  • 方法1: Controller

  • str = Regex.Replace(str, @"]*?>.*?", "", RegexOptions.IgnoreCase); //str为需要校验的字符 str = Regex.Replace(str, @"[~`@#$%^&*()_+{}|<>/\[]]", "", Re...

  • 注意点: 1、    value值的设置 2、select的onchange事件                 城市地址三级联动</title... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/5ruqwfy1j9/" target="_blank">thymeleaf : input/select/radio回显</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>thymeleaf中不用自己去写checked="checked" selected="selected"这种代码,他自己会选。 input <input type="text" class="form-control1" id="name" name="name" th:value="${user.name}"> select... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/j95iotgdns/" target="_blank">js获得标签</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>js中,我们通常需要在js函数中获得调用该函数的html标签。例如在select的onchange事件中,想要获得是哪个option被选择。我们要在onchange事件对应函数(以下代码中的sel()函数)中传入this。在js中的该函数中自定义一个参数(以下代码中的fuck)用来接收。   <body>   <select οnch... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/z240trp7m8/" target="_blank">this.options[selectedIndex]的使用</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p><select id="sel" οnchange="javascript:getSelect();"> <option value="a">选择</option> <option value="bdd">be</option> <option value="c">ce</option> <option value="d">de</... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/g3r8avxsdu/" target="_blank">asp提供在线文章翻译的功能(转)</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>  有时候想为我们的网页提供多语言支持,如果一种语言用一张网页来做实在太麻烦了,幸好Google提供了语言工具功能,下面介绍如何利用它来实现网页多种语言之间的转换。 作者:淘特网 出处:http://www.tot.name 注:转载请注明出处 lan.htm  <form><select name="lan"><option va... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/yb2howuke6/" target="_blank">cookie和url参数获取的常规实用方法合集(ES6)</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>//获取某一个cookie的值 const getCookie = key => {var k = key, dc = document.cookie;if (dc.length > 0) {var s = dc.indexOf(k + "=");if (s != -1) {s = s + k.length + 1;var e = d... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/juwaend1vs/" target="_blank">百度热力图</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>var SGheadMapPoints = {/*obj={ maxLng: minLng: maxLat: minLat: maxCount:最大人数 minCount:最小人数 total:点位数量 }*/get: function (obj) {var arr = [];obj.maxCount || (obj.maxCount... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/eqtgznwvys/" target="_blank">【进大厂大数据爬虫技术核心难点】纯前端开发的爬虫程序,很多BAT技术大咖都为之惊叹</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p> 创建index.html代码如下 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/s6fzv2lup0/" target="_blank">【新】欢庆网自动搜索请柬console方法,面对多种网站改版的情况</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>//自动搜索指定的请柬 var alertTipText = "请柬找到了,就在这个网页里面,自己仔细看吧"; var delay = 1 * 1000;//1秒后循环下一页寻找 /*获取子DOM元素在父元素里面的索引位置(是第几个元素)*/ function getNodeListIndex(childNode) {return c... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/lguqvywp62/" target="_blank">json格式天气数据的获取,jsonp方式获取统计图数据</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p> 获取天气情况(不支持跨域) /*json原生获取*/ function getJSON() {var XML;var url = "http://wthrcdn.etouch.cn/weather_mini?city=杭州";if (window.XMLHttpRequest) {XML = new XMLHttpRequest(... </p> </div> </div> </li> </ul> </div> </div> </div> <!-- <div class="simle_box300"></div> --> </div> </section> <div class="footer-wrapper"> <div class="footer"> <p class="text-center"> ©2024 11GX.COM </p> </div> </div></body> </html>