`

select初始化操作

 
阅读更多
select 初始化值,option 的value是id,内容是name
  //添加,初始化阈值字典的下拉列表中的值
function initThresholdDictionaryName(){
  $.ajax({
        'url':                 $.baseUrl+"/thresholdLevelManager/allThresholdItem",
        'type' : 'post',
'contentType' : "application/json",
        'success': function(data){
          var selector = "#selectDictinaryID,#selectDictinaryID1";
          $(selector).empty().append(
"<option value=''>--请选择阈值项名称--</option>");
          for (var i in data) {

            $(selector).append(
"<option value=\""+data[i]['itemID']+"\">"+data[i]['itemName']+"</option>");
          }
        },
      });
}

调用: initThresholdDictionaryName();


其中data在控制台显示的是一个list,即是一个存放对象的数组,相当于是一个二维数组
[
{
"serviceId":1,"serviceName":"VOIP","serviceSimple":"VOIP",
"summary":"VOIP","createTime":"2016-08-15 18:13:28"
},封装的是一个对象所有的字段
{
"serviceId":2,"serviceName":"IPTV","serviceSimple":"IPTV",
"summary":"", "createTime":"2016-08-01 11:24:23"
},封装的是一个对象所有的字段
]
在对data进行遍历:
i 是每一对象,data 是二维数组
for(var i in data){
data[i]['itemID']:获取的是每一个对象中字段是itemID的值
    data[i]['itemName']:获取的是每一对象中字段是itemName 的值。
}

在引号中追加标签时应注意的点:
(1)、正常的<option value="">内容</option>
(2)、遇到双引号需要进行\进行转换
       <option value=\"\">
      Value中是变量时需要使用"+变量+"

即:  <option value=\""+data[i]+"\">
变量中有常量时需要将双引号变成单引号
即: <option value=\""+data[i]['itemID']+"\">

(3)、option的内容是变量时,需要"+内容变量+"
即<optionvalue=\""+data[i]['itemID']+"\">"+data[i]['itemName']+"</option>
Select 另外一种初始方式:
//初始化添加下拉列表中的业务名称
   function initServiceName(selector){
   $.ajax({
        'url':$.baseUrl+"/service/allServices",
         'contentType':"application/json",
         'type':"post",
         'success': function(data){
          $(selector).empty().append("<option value=\"\">"+"选择业务名称"+"</option>");
          for (var i in data) {             $(selector).append("<option value=\""+data[i]['serviceId']+"\">"+data[i]['serviceName']+"</option>");
          }
$("#searchServiceSelect").val(t);
        },
      });
   }


调用: initServiceName("#searchServiceSelect");
分享到:
评论

相关推荐

    laravel框架select2多选插件初始化默认选中项操作示例

    本文实例讲述了laravel框架select2多选插件初始化默认选中项操作。分享给大家供大家参考,具体如下: 项目中有发送消息功能,需要能通过搜索,多选用户,来指定发送人。使用 select2 插件来完成。 select2 的 html ...

    在antd Form表单中select设置初始值操作

    我就废话不多说了,大家还是直接看代码吧~ &lt;Form.Item label=作用对象&gt; {getFieldDecorator('targetId', { initial...Select placeholder=请选择作用对象&gt; {targetList.map(entity =&gt; &lt;Option key={enti

    组合element里面的select和tree实现的treeSelect选择器

    SelectTree是组合element里面的select和tree两者实现的,可以实现多选,单选,同时选中以后关闭下拉框等操作

    select2.rar

    select2常见的几种用法举例 包含初始化和后端加载数据 动态赋值等操作 包含ID和Name,支持模糊查找和搜索 js地址:https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css

    SelectPage v2.13

    v2.11去除 input 和 hidden 的 id, name 的正则匹配修复完全删除查询关键字时,输入框失去焦点的问题 v2.12调整部分按钮样式修复 ajax 数据源模式下,部分情况会在初始化时会选中所有项目的问题 v2.13解决 ajax ...

    DNC 60系统 刷成中文版的操作步骤

    4. 系统初始化:在刷新完成后,需要进行系统初始化操作,进入系统初始化页面,并执行相应的操作。 5. 信号配置:在系统初始化完成后,需要进行信号配置,输入相应的信号值,以便在系统中正确地显示中文信息。 6. ...

    Layui 设置select下拉框自动选中某项的方法

    1、 需求场景分析 ...2、 Layui的select下拉框是怎么实现的 为了获得一个select标配的下拉框,我们需要在html中填写的内容如下: &lt;label class=layui-form-label&gt;&lt;span class=color-red&gt;* 发送对象: &lt;

    jquery实现动态操作select选中

    今天因为有项目需要动态操作... //初始化select,第一个选中  $(‘#stoStoreCategoryID’).get(0).selectedIndex=0;  $(“#stoStoreCategoryID option”).each(function(i,n){  if($(n).text()==data.scName)  

    SelectAll全选

    // 初始化isSelected的数据 private void initDate() { for (int i = 0; i (); i++) { getIsSelected().put(i, false); } } @Override public int getCount() { return list.size(); } @...

    数据结构单链表插入、删除和修改实验报告

    初始化状态:单链表可以不为空集;操作结果:插入一个空的单链表L。  (2)decelt  操作结果:删除已有的单链表的某些结点。 (3)display  操作结果:将上述输入的元素进行排列显示。  (4)modify  操作结果...

    ASP操作MDB模块.ec

    子程序 ASP操作初始化, 逻辑型, 公开, 初始化ASP操作地址 成功返回真 失败返回假 .参数 ASP文件地址, 文本型, , 需完整路径 如 http://www.baidu.com/1.asp .子程序 ASP取记录, 文本型, 公开, 超过记录位默认返回-1...

    Select:一组DataTables库的选择API方法和按钮

    选择 Select将项目选择功能添加到DataTable。 项目可以是行,列或单元格,可以独立选择,也可以一起选择。 项目选择在交互式表中特别有用,在交互式表...使用DataTables构造函数中的select选项初始化Select-一个简单的

    JDBC操作封装 IO流操作封装 CRC效验码生成

    连接池的初始化、创建等仔细看构造函数的doc文档,就知道如何操作。我自己用着很方便。 有两个初始化方法,分别用于初始化多个数据库对象,或者单个数据库对象。 String[] dbPoolName = { "default", "sec" }; ...

    吉林大学2022年操作系统实验报告(仅供参考)

    实时任务用task数据结构描述,设计四个函数:select_proc()用于实现调度算法,被选中任务执行proc(),在没有可执行任务时执行idle(),主函数mian()初始化相关数据,创建实时任务并对任务进行调度。 为模拟调度算法,...

    作品---聊天软件(服务端 客户端)V1.0.rar

    一、 程序的初始化。 1、 在函数CMFCClientDlg::AddInit()中进行相应的操作。主要功能为对控件进行初始化。禁用控件和设置空间初始值。 2、 在CMFCClientDlg::InitInstance()中加载套接字库 二、 客户端单击“连接...

    js实现下拉列表选中某个值的方法(3种方法)

    主要介绍了js实现下拉列表选中某个值的方法,涉及JavaScript针对select下拉列表选择操作的相关技巧,需要的朋友可以参考下

    mwrf32(刷卡驱动)

    (5) 对已验证过的扇区可进行读、写、初始化值、加值、减值等功能操作。对其它扇区的读、写操作必须重复上述(4)过程。 (6) 由于高级函数集成了若干低级函数,所以调用前可不必运行(3)、(4)过程。 (7) 对...

    联想万全T168服务器板载Sata+raid系统设置图解

    Clear,初始化阵列,此操作会将硬盘上所有数据写零。阵列必须等Clear任务完成后才能使用。 c. Quick Init,快速初始化,只对写入的数据作保护。这项功能需要在操作系统下使用管理软件进行校验。

    数据结构实验

    (1)初始化顺序表La。 (2)将La置为空表。 (3)销毁La。 (4)在La中插入一个新的元素。 (5)删除La中的某一元素。 (6)在La中查找某元素,若找到,则返回它在La中第一次出现的位置,否则返回0。 (7)打印输出La中的...

Global site tag (gtag.js) - Google Analytics