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 selected>" + defaultText + "</option>" : "";　　 /* 添加option */for (var str in jsonStr.data)SelectStr += "<option value=\"" + jsonStr.data[str].value + "\" >" + jsonStr.data[str].text + "</option>";　　 /* 循环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

js填充select下拉框并选择默认值相关推荐

下拉选数据查询过来的如何设置默认值为空_如何在某些情况下禁止提交Select下拉框中的默认值或者第一个值(默认选中的就是第一个值啦……)...
群里有个帅哥问了这么个问题,他的下拉框刚进页面时是隐藏起来的,但是是有值的,为啥呢?因为下拉框默认选中了第一个值呗,,, 所以提交数据的时候就尴尬啦,明明没有选,但是还是有值滴.怎么办呢? 一开始看到 ...
如何在某些情况下禁止提交Select下拉框中的默认值或者第一个值(默认选中的就是第一个值啦……)...
群里有个帅哥问了这么个问题,他的下拉框刚进页面时是隐藏起来的,但是是有值的,为啥呢?因为下拉框默认选中了第一个值呗,,, 所以提交数据的时候就尴尬啦,明明没有选,但是还是有值滴.怎么办呢? 一开始看到 ...
html select不允许选择,设置select下拉框不能选择
今天在做一个小功能的时候,需要对特定的一个select设置禁止选择,只好采用js进行控制,接下来吾爱编程为大家介绍一下设置select下拉框不能选择的方法,有需要的小伙伴可以参考一下: 1.功能需求: ...
js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明获取s ...
两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...
我有两个引导程序下拉框.当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态. 当我点击一个下拉菜单时,我做了一个ajax请求来显示国家名称 ...
java的下拉框的设置默认值,html下拉选项属性 html下拉框怎么设置默认值？
html下拉框怎么设置默认值设置selected属性就可以,具体的用法,首先打开hbuilder软件,新建一个html文档,里面写入一个select下拉框: 然后给select中一个option设置 ...
ThinkPHP5 select下拉标签if判断默认值
ThinkPHP模板IF标签用法详解 ThinkPHP5模板在前端html用到的select下拉选项option判断默认值. 代码 //html代码 <div class="form- ...
下拉框选中状态html,js中select下拉框选中
怎么用js动态设置select中的某个值为选中值 select 中的某个options为新建,但在子页面新建一个选项时怎么能提交新用JS动态设置select的方法如下: 手动通过原生JS来实现: / ...
bootstrap-multiselect.js多选下拉框初始化时默认选中初始值
bootstrap-multiselect.js多选下拉框默认值设置一.案例数据格式二.HTML代码 <select id="msgRoles" multiple=&q ...

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

js填充select下拉框并选择默认值相关推荐

最新文章

热门文章