`

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");
分享到:
评论

相关推荐

    SD卡初始化代码

    10. **选择卡**:发送CMD7(SELECT_CARD)选择当前操作的SD卡。 11. **设置块长度**:对于SDHC/SDXC卡,通常需要发送CMD16(SET_BLOCKLEN)设定512字节的块长度。 三、`Demo_SD_Init`代码分析 `Demo_SD_Init`应该是...

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

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

    ILI9486初始化代码

    接下来还有一些未执行的命令和数据写入操作,如`0x30`、`0x37`等,它们涉及到了更多的显示参数设置,但由于被注释掉了,因此在当前的初始化过程中不会被执行。 #### 四、总结 通过对给定的ILI9486初始化代码的详细...

    SD初始化 1602屏显示 C51程序

    8. **选择卡**:最后,使用CMD7(Select/ deselect Card)选择卡,此时SD卡已被完全初始化,可以进行读写操作。 接下来,我们要关注的是1602液晶显示屏的使用。1602 LCD(Liquid Crystal Display)是一种常见的字符...

    参考资料-基于STC89C52单片机的SDHC卡初始化操作.zip

    这个压缩包文件"参考资料-基于STC89C52单片机的SDHC卡初始化操作.zip"包含了关于如何在STC89C52上进行SDHC(Secure Digital High Capacity)卡的初始化操作的详细指南,这对于开发基于存储的嵌入式系统非常重要。...

    mobileSelect移动端手机下拉控件

    2. **初始化控件**:在HTML或者对应的视图模板中创建mobileSelect元素,并通过JavaScript或C#代码对其进行初始化配置。 3. **设置数据源**:根据需求将数据绑定到控件,可以是静态数据或动态获取的数据。 4. **...

    SD SDIO MMC 初始化经典解析

    ### SD SDIO MMC 初始化经典解析 #### SDIO的识别与操作 在Linux内核的MMC/SD/SDIO驱动框架中,对SDIO设备的识别和初始化是一个关键环节。本篇将围绕`mmc_attach_sdio(host)`这一核心函数展开详细讨论,深入解析...

    oracle表空间、用户初始化语句.

    ### Oracle表空间与用户初始化详解 #### 一、Oracle表空间初始化 在Oracle数据库中,表空间是逻辑存储单元,用于组织数据文件。一个表空间可以包含多个数据文件,而一个数据文件只能属于一个表空间。 ##### 创建...

    Oracle初始化参数中文说明

    ### Oracle初始化参数中文说明 #### 一、概述 在Oracle数据库的管理与维护过程中,初始化参数扮演着极其重要的角色。这些参数控制着数据库实例的行为,包括性能优化、资源分配、安全性等多个方面。对于DBA(数据库...

    TFT1P4450 LCM RGB 初始化代码

    根据提供的文件信息,本文将对TFT1P4450 LCM RGB初始化代码进行详细的解析,主要包括SPI接口初始化过程中的关键函数与指令说明。 ### 一、SPI接口及TFT1P4450简介 #### SPI接口概述 SPI(Serial Peripheral ...

    明华ic卡读写器初始化源码c#

    明华IC卡读写器是一款专为处理明华品牌IC卡设计的硬件设备,它提供了C#语言的API接口,便于开发者编写应用程序来实现对卡片的读取、写入以及初始化等操作。下面我们将深入探讨这个主题,特别是关于"明华ic卡读写器...

    可初始化值的jQuery省市三级联动插件

    本文将深入探讨“可初始化值的jQuery省市三级联动插件”,这是一个能够帮助开发者实现动态选择省份、城市和区县的交互功能,并且能够预先设置默认值的插件。 首先,我们需要理解什么是“联动”或者“级联选择”。在...

    virtio初始化流程

    1. **初始化入口**:`main()`函数是整个初始化流程的入口,通过调用`select_machine()`函数来选择合适的硬件架构模型,再通过`find_default_machine`找到默认的机器配置。 2. **类型注册**:在`main()`函数执行之前...

    ADV202轻松入门,软件初始化写的十分详细

    ### ADV202芯片入门与配置详解 #### 概述 本文档主要针对ADV202工程样本(至少为0.1...综上所述,本文档为ADV202芯片的配置和使用提供了全面而详细的指导,适用于工程师和技术人员快速掌握该芯片的初始化和编程方法。

    oracle表空间、用户初始化语句

    通过给定的文件信息,我们可以深入理解如何创建表空间、初始化用户以及授予角色权限的过程。以下将详细解析这些操作涉及的关键知识点。 ### 一、创建表空间 表空间是Oracle数据库中用于存储数据的逻辑容器。每个表...

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

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

    A06_CPU初始化程序完善_2016K80099290291

    实验报告标题"A06_CPU初始化程序完善_2016K80099290291"涉及的是一个CPU初始化程序的完善过程,主要涵盖了Cache初始化、TLB初始化以及串口初始化三个关键部分。这个实验是针对嵌入式系统中的SoC(System on Chip)设计...

    jquery省市县三级联动,可初始化

    以上就是关于"jQuery省市县三级联动,可初始化"的知识点详解,这个功能的实现涉及到了DOM操作、事件处理、数据交互、动态更新等多个方面,是Web开发中一个实用而常见的技巧。通过熟练掌握这些技术,开发者可以创建更...

    实现可编辑的select

    3. **初始化Editable Select**:在页面加载完成后,使用jQuery选择器找到`select`元素,并调用Editable Select的初始化方法。 ```javascript $(document).ready(function() { $('#editable-select').editable...

Global site tag (gtag.js) - Google Analytics