laravel中数据显示方法(默认值和下拉option默认选中)

如下所示：

<div class="form-group">
  <label>ap状态：</label>
  <select name="ap_status_id">
    <option value ="1">进行中</option>
    <option value ="2">开始</option>
    <option value="3">暂停</option>
  </select>
</div>

开发中，我们存储一个下拉列表的值一般采用数字代存储，而我们在页面显示的时候需要显示他的真实值

非常重要 重要 不重要

判断数据后再 文本显示默认选中

@if($product->ap_severe_type_id==1){
<td>非常重要</td>
}
@elseif($product->ap_severe_type_id==2){
<td>重要</td>
}
@elseif($product->ap_severe_type_id==3){
<td>不重要</td>
}
@endif

下拉显示默认选中

<div class="form-group">
  <label>重要性：</label>
  <select name="ap_severe_type_id">
    <option value ="1" @if($actionPlan->ap_severe_type_id=='1') selected @endif >非常重要 </ption>
    <option value ="2" @if($actionPlan->ap_severe_type_id=='2') selected @endif >重要</option>
    <option value ="3" @if($actionPlan->ap_severe_type_id=='3') selected @endif >不重要</option>
  </select>
</div>

以上这篇laravel中数据显示方法(默认值和下拉option默认选中)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 解决在Laravel 中处理OPTIONS请求的问题

    前面已经说过可以通过中间件来处理OPTIONS请求,近日寻得一个简单的办法. 在路由文件中定义一个路由,通过正则来匹配相应的路由. Route::options('/{all}', function(Request $request) { $origin = $request->header('ORIGIN', '*'); header("Access-Control-Allow-Origin: $origin"); header("Access-Control-All

  • 关于laravel后台模板laravel-admin select框的使用详解

    select 二级联动不能正常获取数据原因 使用二级联动时调用的api时,api返回的代码如以下, //控制器文件controller.php $this->form->select('sort', 'app') ->options($sort_type) ->load('position_id', '/admin/api_general/get_position'); //api文件 $data = [ {"id"=>"111",&q

  • laravel中数据显示方法(默认值和下拉option默认选中)

    如下所示: <div class="form-group"> <label>ap状态:</label> <select name="ap_status_id"> <option value ="1">进行中</option> <option value ="2">开始</option> <option value="

  • thinkphp实现把数据库中的列的值存到下拉框中的方法

    1. 先去数据库中查值,查询整个数据表,结果为二维数组. $project = M("project"); $cell = $project->where(array('status'=>1))->order("id desc")->select(); //var_dump($cell); $this->assign('cell',$cell); 2.前台获取遍历 <select class="test" st

  • Angular中ng-options下拉数据默认值的设定方法

    Angular中ng-options下拉数据默认值的设定方法

    今天学习了一下Angular中ng-options下拉数据默认值的设定方法,留个笔记 直接上代码 <div class="form-group"> <label class="col-sm-2 control-label">教师</label> <div class="col-sm-10"> <select style="display:block; width:100%; heig

  • select获取下拉框的值 下拉框默认选中方法

    本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值 例如: <select class="form-control" id="numbers"> <option value="1">数字1</option> <option value="2" selected>数字2</option> </select> $("

  • Android onTouchEvent事件中onTouch方法返回值(介绍)

    1.若return false说明没有成功执行onTouch事件,在执行完onTouch里面的代码之后,onTouch事件并没有结束.因此某些组件如Gallery会自动执行它所在view里onTouch方法的代码.若在onTouch方法里面增加你的代码并且最后return false就会执行你在OnTouch方法中的处理操作了. 2.若return true说明你已经成功执行onTouch方法了,在执行完onTouch中的代码之后,这个onTouch事件就结束了.也不会再调用组件如Gallery

  • layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)

    因为本身layui是有一套自身的监听方式,form.on   当然你是先将select放入<div class="layui-form">中,不然都显示不出select 里面也有监听普通下拉选框选中值发生改变的方式,直接复制即可 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=&qu

  • vue2.0 下拉框默认标题设置方法

    昨天到今天,用vue2.0在写一个性别选择框,一给option添加seledted属性就报错这里 下面是报错的代码 ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-c231dfa2!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/second.vue template syntax error <select v-model=&qu

  • js阻止默认右键的下拉菜单方法

    需求 正常情况下,我们有可能遇到需要右键不显示下拉菜单的情况,让页面显得更加软件话,删除多余的功能,增加性能. 实现代码 document.oncontextmenu = function (event) { event.preventDefault(); }; 在触发右键下拉菜单的时候,直接阻止掉浏览器的默认事件,就实现了该效果. 以上这篇js阻止默认右键的下拉菜单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • Layui 设置select下拉框自动选中某项的方法

    1. 需求场景分析 用户需要更改某一项活动的信息,活动信息中包含需要用下拉框选择的字段A.在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息,自动选择字段A已经存在的值. 2. Layui的select下拉框是怎么实现的 为了获得一个select标配的下拉框,我们需要在html中填写的内容如下: <div class="layui-form-item"> <label class="layui-form-label"><span

  • 一个方法搞定iOS下拉放大及上推缩小

    一个方法搞定iOS下拉放大及上推缩小

    下面这种效果在ios应用中很常见: 实现思路: 1､创建头部的视图和tableview,需要注意的是tableview要设置contentInset,contentInsent 的顶部要和头部视图的背景图的高度一样,否则会有空隙(或是有遮挡). myTableView.contentInset = UIEdgeInsetsMake(headRect.size.height-navHeight-navHeight, 0, 0, 0); 2､对头部视图的背景图片的尺寸进行处理,当然,你也可以直接找一

随机推荐