Loading [MathJax]/jax/output/CommonHTML/config.js

社区首页 >问答首页 >用给定字典填充select字段

问用给定字典填充select字段
EN

Stack Overflow用户

提问于 2015-09-19 08:31:46

回答 1查看 1.4K关注 0票数 0

我找到了一个示例，它通过给定的html字符串填充select字段：

<script>
$(document).ready(function() {

    $("#shape").change(function() {
        var val = $(this).val();
        $("#size").html(options[val]);
    });

    var options = [
        "<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>",
        "<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>",
        "<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>"
    ];

});
</script>

它的工作原理很好，但我必须如何更改脚本才能对给定的字典进行相同的操作？

options = {
    'ipe': ['80', '100'],
    'hea': ['90', '110'],
}

这里有一幅图来说明：

这里是我的html片段：

<div class="panel panel-primary">
  <div class="panel-body">
    <table>

<tr>
  <td>{{ form.shape.label }}</td>
  <td>{{ form.shape(class="form-control field", id="shape") }}</td>
  <td>{{ widgets.errors(form.shape.errors) }}</td>
</tr>

<tr>
  <td>{{ form.size.label }}</td>
  <td>{{ form.size(class="form-control field", id="size") }}</td>
  <td>{{ widgets.errors(form.size.errors) }}</td>
</tr>

    </table>
  </div>
</div>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-09-19 09:32:21

尝试利用Array.prototype.map()，Array.prottotype.join()

var options = {
  "ipe": ["80", "100"],
  "hea": ["90", "110"]
};

$("#shape").change(function() {
  var val = options[this.value];

  $("#size").html(function() {
    return val.map(function(el) {
      return $("<option>", {
        "name": el,
        "value": el,
        "html": el
      })[0].outerHTML
    }).join("");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<label>Shape:
  <select id="shape">
    <option>select an option</option>
    <option name="ipe" value="ipe">ipe</option>
    <option name="hea" value="hea">hea</option>
  </select>
</label>
<label>Size:
  <select id="size">
  </select>
</label>

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32670607

复制

相关文章

SELECT * 和 SELECT 全部字段

TDSQL MySQL 版云数据库 MySQL java

【玩转 GPU】AI绘画、AI文本、AI翻译、GPU点亮AI想象空间-腾讯云开发者社区-腾讯云 (tencent.com)

疯狂的KK

2023/07/03

2.9K0

SELECT * 和 SELECT 全部字段

“禁止用 select * 作为查询字段列表”落地指南

《阿里巴巴 Java 开发手册》 MySQL 数据库部分，ORM 映射部分，谈到：

明明如月学长

2022/02/15

9560

“禁止用 select * 作为查询字段列表”落地指南

《阿里巴巴 Java 开发手册》 MySQL 数据库部分，ORM 映射部分，谈到：

明明如月学长

2021/12/01

1K0

select * 和 select 所有字段的区别

数据库 sql 其他

之前发过的文章中，关于 select * 和 select 所有字段的知识，有描述不恰当，这次重新纠正下，加深下理解。

良月柒

2019/05/06

2.2K0

select * 和 select 所有字段的区别

云数据库 SQL Server 数据库 sql 其他

之前发过的文章中，关于 select * 和 select 所有字段的知识，有描述不恰当，这次重新纠正下，加深下理解。

良月柒

2019/04/20

3K0

select * 和 select 所有字段的区别

Mybatis Plus 公共字段自动填充功能

在我们的项目开发中，我们会发现有一些数据库表字段是每个表都有的，例如：创建时间，创建人，更新时间，更新人。

叫我阿杰好了

2022/11/07

1.9K0

Mybatis Plus 公共字段自动填充功能

SpringBoot项目中公共字段的填充

数据库 autofill 对象反射注解

项目中我涉及公共字段的有createTime、updateTime、createUser、updateUser

终有救赎

2023/10/16

3890

select * 与 select id 字段条件相同数据结果不同（一）

sql background datetime select timezone

起初以为是timezone时区设置问题，结果，配置改为CST后，仍然问题没解决，后看了下，这个date是dateTime类型的，与时区无关，所以问题不在此。

MickyInvQ

2020/09/27

1.2K0

select * 与 select id 字段条件相同数据结果不同（一）

select * 与 select id 字段条件相同数据结果不同（二）

编程算法 sql 数据库云数据库 SQL Server

都是全表扫描都是使用where 都是文件排序（如果待排序的内容不能由所使用的索引直接完成排序的话）

MickyInvQ

2020/09/27

1.3K0

select * 与 select id 字段条件相同数据结果不同（二）

剔除 HIVE中select除了某些字段之外的剩余所有字段

只需要设置参数 set hive.support.quoted.identifiers=None; 指定要剔除哪个字段 select (剔除的字段)?+.+ from table 示例：选择

chimchim

2022/11/13

1.9K0

黑马瑞吉外卖之公共字段自动填充

编程算法 java

公共字段填充的必要性就是当我们在我们执行一些具体的操作的时候，我们需要更新字段，比如具体执行相应操作的时间，以及可能需要的更新或者修改者的id。这些我们可能需要每次都需要去填写，但是我们可以让其统一的去执行，比如我们执行修改或者插入类似的操作的时候，那么时间就会自动获取到当前时间，然后填进去，依次类似。

兰舟千帆

2022/08/11

7700

黑马瑞吉外卖之公共字段自动填充

如何自动填充SQL语句中的公共字段

mybatis spring sql 数据库 https

写在前面：2020年面试必备的Java后端进阶面试题总结了一份复习指南在Github上，内容详细，图文并茂，有需要学习的朋友可以Star一下！ GitHub地址：https://github.com/abel-max/Java-Study-Note/tree/master

用户5546570

2020/10/10

2.2K0

如何自动填充SQL语句中的公共字段

填充墙一般用什么材料_opencv填充封闭区域

腾讯云开发者社区

Mat cop二值图 int n 填充比n小的孔洞函数默认为4连通如想改为8连通自行修改代码即可。

全栈程序员站长

2022/11/04

6290

填充墙一般用什么材料_opencv填充封闭区域

Mybatis plus通用字段自动填充的最佳实践总结

数据库 sql mybatis html

在进行持久层数据维护（新增或修改）的时候，我们通常需要记录一些非业务字段，比如：create_time、update_time、update_by、create_by等用来维护数据记录的创建时间、修改时间、修改人、创建人等信息。通常情况下我们需要对这些字段进行手动赋值。赋值的过程也比较冗余，都是重复操作。

字母哥博客

2021/02/01

3.3K0

MyBatis-Plus 基础+进阶+实战之基础字段自动填充

编程面试注解

在项目开发过程中，我们定义的实体一般都会包含基础字段，如：createTime、updateTime、createBy、updateBy，通常做法就是在更新或插入之前，手动去更新这些字段，但是我们如果使用MyBatisPlus，就不需要手动去写了.

AI码师

2022/09/19

2970

SpringBoot-Mybatis_Plus学习记录之公共字段自动填充

spring boot mybatis

一.应用场景 ---- 平时在建对象表的时候都会有最后修改时间，最后修改人这两个字段，对于这些大部分表都有的字段，每次在新增和修改的时候都要考虑到这几个字段有没有传进去，很麻烦。mybatisPlus有一个很好的解决方案。也就是公共字段自动填充的功能。一般满足下面条件的字段就可以使用此功能：这个字段是大部分表都会有的。这个字段的值是固定的，或则字段值是可以在后台动态获取的。常用的就是last_update_time，last_update_name这两个字段。二.配置Mybatis

庞小明

2018/03/07

1.9K0

如何处理字典表映射的字段中有逗号

编程算法 oracle 腾讯云测试服务

我的思路是先把带逗号的字段转成多行，然后再映射,于是先拿 XSHG,XSHE 测试是否可行

overme

2022/01/15

8870

如何处理字典表映射的字段中有逗号

Java开发中如何自动填充SQL语句中的公共字段

mybatis spring sql 数据库

我们在设计数据库的时候一定会带上新增、更新的时间、操作者等审计信息。之所以带这些信息是因为假如有一天公司的数据库被人为删了，尽管可能有数据库备份可以恢复数据。但是我们仍然需要追踪到这个事是谁干的，在什么时间干的，具体干了哪些事等等，方便定责和修补。但是我们变更每条数据都要去显式变更这些信息就十分繁琐，我们希望无感知的来处理这些信息。

码农小胖哥

2020/09/28

2.1K0

如何解决mybatis-plus自动填充字段不生效问题

mybatis github 数据结构 git 开源

使用过mybatis-plus的朋友可能会知道，通过实现元对象处理器接口com.baomidou.mybatisplus.core.handlers.MetaObjectHandler可以实现字段填充功能。但如果在更新实体，使用boolean update(Wrapper updateWrapper)这个方法进行更新时，则自动填充会失效。今天就来聊聊这个话题，本文例子使用的mybatis-plus版本为3.1.2版本

lyb-geek

2022/01/07

2.5K0

点击加载更多

相似问题

用mysql数据填充select输入字段

14

用mysql的值填充select输入字段

10

用给定行的所有单元格值填充字典

10

用angularjs填充select

20

用Javascript填充Select

31

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例