下拉框回显,就是值是数字,但是显示出来是字符串文本

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了下拉框回显,就是值是数字,但是显示出来是字符串文本相关的知识,希望对你有一定的参考价值。

原因:输入的数字数量较多,导致显示了科学计数法。 解决方法:
1、首先打开excel表格,在表格中输入一串数字字符,可以看到此时单元格内显示的为科学计数法。
2、然后选中需要输入数字的单元格并点击鼠标右键,在弹出的选项中点击“设置单元格格式”。
3、即可打开设置单元格格式的对话框,选择左侧菜单栏中的“文本”选项,点击确定按钮。
4、再在设置过格式的文本框内输入数字字符,即可正常显示数字不会变成乱码
参考技术A 热门频道

首页

博客

研修院

VIP

APP

问答

下载

社区

推荐频道

活动

招聘

专题

打开CSDN APP
Copyright © 1999-2020, CSDN.NET, All Rights Reserved

打开APP

【vue】下拉框回显问题(显示数字,实际应该显示中文) 原创
2020-10-23 09:40:43
5点赞

易小花

码龄4年

关注
【vue】下拉框回显问题
前端选择显示为中文。保存后,刷新数据回显,为1。
在这里插入图片描述
但,我想要显示的效果是文字,而且在别的需求页面中我也是这样写的。
百度,访问多篇博客,了解到问题的解决方法。

解决的重点:注意两边对应的数据类型。

所以,我去检查了。申明变量的时候,我用的是this.jtjx = null;数据的返回结果也是数字类型。查看option时发现了问题,option的value类型是string类型。两边类型对不上,那自然就读取不到对应的label啦。
申明的变量类型
数据范围结果
在这里插入图片描述
问题解决。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

总结:value值要与v-model的值一致,只要上述两者的值相等,element的el-select会自动回显对应的label值。由于两边的类型不同,导致数据无法回显我想显示的内容。在vue中,数据类型不同,则数据就是不同。

指路解决我大问题的博文: https://www.jiagou1216.com/life/front/900.html
不过呢,一切还是以自己的实际情况为准哦。

文章知识点与官方知识档案匹配
Vue入门技能树首页概览
24083 人正在系统学习中
打开CSDN APP,看更多技术内容

使用el-select ,传入数据,它显示数字的问题,不显示汉字,el-select下拉中文选择
使用el-select,通道类型显示数据0,不显示启动,关闭,掉线。 v-model 需要的是string类型 <el-select v-model="ruleForm.status" placeholder="车场状态" > <el-option label="开启" value="1"></el-option> <el-option lab

JS 实现下拉框回显

JS 实现下拉框回显

学习内容:

需求

用 JS 实现下拉框回显

实现代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>下拉框回显</title>
    <script src="/static/jQuery-1.11/jquery-1.11.3.min.js"></script>
    <script>
        function echo() {
            // eq() 方法将匹配元素集缩减值指定 index 上的一个,整数,指示元素的位置(最小为 0)
            // $('#s1').val("3");
            $('#s1 > option:eq(2)').prop('selected', true);
        }
    </script>
</head>
<body>
<select id="s1">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
    <option value="4">选项4</option>
    <option value="5">选项5</option>
</select>
<br/>
<input type="button" value="回显第3个选项" onclick="echo();"/><br/>
</body>
</html>

总结:

以上就是用 JS 实现下拉框回显,代码的简单实现了,仅供参考,欢迎讨论交流。

以上是关于下拉框回显,就是值是数字,但是显示出来是字符串文本的主要内容,如果未能解决你的问题,请参考以下文章

Springboot+vue 下拉框回显数据 无数据显示 报错

多选下拉框回显无内容

JS 实现下拉框回显

单的两表联查电影管理系统,下拉框回显

vue 运用ElementUI,做select下拉框回显

Layui:select下拉框回显