本文介绍了在前端项目中遇到的关于select元素的三个常见问题：1）如何让select内容居中显示；2）实现点击一个select的option向另一个select添加option的级联效果；3）根据select option选择显示不同内容（如文本、表格、图表）。并提供了相应的解决方案。
前端开发遇到的一些问题
一、怎样才能让select里的内容居中显示？
最近在做一个可视化项目，有一个下拉菜单，很基本的一个居中显示居然把我难住了。
最开始的想法使用text-align:center这个方法行不通。然后又试了padding，这个效果不是很好，并不能让每一项都居中显示。经过查阅资料发现写这么两句话就ok了。
text-align: center;
text-align-last: center;
二、点击一个select里面的一个option，向另一个select添加一组option用js怎么实现？
本质上就是select级联问题，废话不多说，上代码
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var arr = "请选择网关|金路热电偶采集项目|老科|主楼318|咖啡街|test1";
var arr0 = "请选择节点";
var arr1 = "请选择节点|热电偶采集卡1|热电偶采集卡2|热电偶采集卡3|热电偶采集卡4";
var arr2 = "请选择节点|老科一|老科二|老科三";
var arr3 = "请选择节点|主楼一|主楼二|主楼三";
var arr4 = "请选择节点
最低0.47元/天 解锁文章
4702
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
