根据返回的数据，显示不同内容

美丽的world

于 2019-03-22 17:58:56 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/zhaoyaxiansheng/article/details/88747293

前端专栏收录该内容

26 篇文章

订阅专栏

博客提及了select下拉框和bootstraptable，二者均为前端开发中常用元素。select下拉框可提供选项选择功能，bootstraptable则能方便地展示和管理数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. select下拉框

<div class="form-group">
                    <label class="col-sm-3 control-label">状态：</label>
                    <div class="col-sm-8">
	                    <select class="form-control" name="status" id="status">
	                        <option value="" selected>--请选择--</option>
	                        <option value="1">正常营业</option>
	                        <option value="0">停业</option>
	                        <option value="2">删除</option>
	                    </select>
                    </div>
                </div>



  //根据后台传来的值，显示状态名称
	     $(function () {
                 //返回的状态值
	    	 var statusval = ${result.status};

                 //status 是select标签的id
	    	 $("#status option[value='"+statusval+"']").attr("selected","selected");
	    });

2. bootstraptable

            field: 'status',
            title: '状态',
            formatter: function (value, row, index) {
				if(row.status){
					if(row.status==0){
						return "停业";
					}else if(row.status==1){
						return "正常营业";
					}else if(row.status==2){
						return "删除";
					}
				}
			}