前端开发遇到的一些问题
一、怎样才能让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 = "请选择节点