laravel-admin select框默认选中的方法

laravel-admin后台框架的select选择框的默认选中，结合select2的js插件；

文档http://laravel-admin.org/docs/#/zh/model-form-fields?id=select%E9%80%89%E6%8B%A9%E6%A1%86；

文档里面没有看到这个默认选中的属性，也可能是我没有找到；查阅了select2的文档看到了selected属性，通过曲线的方式实现了这个功能；

protected function form()
{
  return Admin::form(Member::class, function (Form $form) {

    // $form->display('id', 'ID');
    $form->text('mac', '终端mac');
    $form->text('phone', '手机号');
    $form->text('password', '密码');
    //判断是不是edit
    $id = Request::route('member');
    $place_id ='';
    $rule_id = '';
    if ($id)
    {
      $model = $form->model()->find($id);
      $place_id = $model->place_id;
      $rule_id = $model->rule_id;
    }
    $form->select('place_id','所属场所')->options("/api/getPlace/$place_id");
    $form->select('rule_id', '规则')->options("/api/getRule/$rule_id");
  });
}

//api的实现
public function getPlace(Request $request)
{
  $name = $request->get('p');
  $id = $request->id;
  $where = [];
  if ($name)
  {
    $where = ['name','like',"%$name%"];
  }
  $places = Place::where($where)->get();
  $result = [];
  foreach ($places as $key=>$value)
  {
    $result[$key]['id'] = $value->Id;
    $result[$key]['text'] = $value->name;
    if ($value->Id == $id)
    {
      $result[$key]['selected'] = true;
    }
  }
    if (!$id)
    {
      array_unshift($result,['id'=>' ','text'=>'请选择场所','selected'=>true]);
    }else{
      array_unshift($result,['id'=>' ','text'=>'请选择场所']);
    }
  return response()->json($result);
}

注意；

返回的时候一定要有response()->json()来返回；否则的话会返回的类型是 text/html类型

以上这篇laravel-admin select框默认选中的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 基于Laravel-admin 后台的自定义页面用法详解

    Laravel-admin 这个后台很好用,几乎省去了html和js的困扰,让后台CURD变得优雅简洁. 这是一个自定义面的Demo 路由定义: $router->get('mails/send', 'MailController@send'); $router->post('mails/send', 'MailController@send'); 控制中写法: public function send(Content $content) { //添加请求 if (request()->

  • laravel-admin解决表单select联动时,编辑默认没选上的问题

    今天在开发公司一个功能时,公司开发环境用的是laravel-admin,因为需要用上select联动,所以根据文档说明进行开发,并成功的使用上了,代码我就不重复,大家可以去参考laravel-admin官网的说明. 首先我们找到select的js,路径:跟目录/vendor/encore/laravel-admin/src/Form/Field下的Select.php文件,找到下面代码: $script = <<<EOT $(document).on('change', "{$

  • laravel-admin select框默认选中的方法

    laravel-admin后台框架的select选择框的默认选中,结合select2的js插件: 文档http://laravel-admin.org/docs/#/zh/model-form-fields?id=select%E9%80%89%E6%8B%A9%E6%A1%86: 文档里面没有看到这个默认选中的属性,也可能是我没有找到:查阅了select2的文档看到了selected属性,通过曲线的方式实现了这个功能: protected function form() { return Ad

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

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

  • 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简单设置下拉选择框默认值的方法

    本文实例讲述了JS简单设置下拉选择框默认值的方法.分享给大家供大家参考,具体如下: //根据下拉对象默认选中后台对应的记录 function setSelectOption(objSelect, targetValue){ if(objSelect){ var options = objSelect.options; if(options){ var len = options.length; for(var i=0;i<len;i++){ if(options[i].value == targ

  • BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)

    废话不多说,直接给大家贴代码了,具体代码如下所示: $('#table').bootstrapTable('destroy'); $('#table').bootstrapTable({ url:'../data/kehulist.json', uniqueId: "id", striped:true, // pagination:true, clickToSelect:true, height:340, columns: [{ field : 'state', checkbox:tr

  • jQuery设置和移除文本框默认值的方法

    本文实例讲述了jQuery设置和移除文本框默认值的方法.分享给大家供大家参考.具体分析如下: 开始时,文本框设定一个默认值.当光标移动到文本框时,如果文本框当前值是默认值,那么清空:离开文本框时,文本框值如果为空,那么将文本框值设置为默认值. 代码如下: $(document).ready(function() { //each遍历文本框 $(".input").each(function() { //保存当前文本框的值 var vdefault = this.value; $(thi

  • js判断复选框是否选中的方法示例【基于jQuery】

    js判断复选框是否选中的方法示例【基于jQuery】

    本文实例讲述了js判断复选框是否选中的方法.分享给大家供大家参考,具体如下: 代码 //设置选中 $('#check1').prop('checked', true); //是否选中 var isChecked = $('#cb').prop('checked'); //或 var isChecked = $('#cb').is(":checked"); var isChecked = $('#cb').attr('checked'); 代码 function publish() {

  • elementUI select组件默认选中效果实现的方法

    首先,v-model的值为当前被选中的el-option的 value 属性值 需求:进入编辑页面,状态栏默认选中生效,如下显示: html部分代码: <el-form-item label="状态"> <el-select v-model="form.status" placeholder="请选择"> <el-option v-for="item in options" :key="

  • javascript判断复选框是否选中的方法

    之前总结了一下关于jquery如何判断复选框是否选中的问题,今天总结如何判断js复选框是否选中 javascript判断复选框是否选中,下面通过例子来说明(现在有如下的一组复选框): <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="o

  • ng-repeat中Checkbox默认选中的方法教程

    ng-repeat中Checkbox默认选中的方法教程

    Angularjs的ng-repeat是用来循环产生呈现数据. 当我们需要在ng-repeat循环中呈现一系列Checkbox时,某些checkbox选项是默认选中的. 在ASP.NET MVC程序中的Entity,准备一些数据: public IEnumerable<Car> Cars() { return new List<Car>() { {new Car() { ID = 1, Name = "玛莎拉蒂",Selected=false }}, {new

随机推荐