Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >下拉选择字段保持为空Livewire

下拉选择字段保持为空Livewire
EN

Stack Overflow用户
提问于 2021-05-02 15:24:18
回答 1查看 210关注 0票数 0

我是第一次尝试Livewire。该下拉列表是从数据库填充的。类似的代码适用于文本字段,但不适用于下拉选择字段。

编辑:表单位于bootstrap模式代码中,如下所示: livewire组件(leads-form.blade)

代码语言:javascript
运行
AI代码解释
复制
 <div class="modal-content">
<form wire:submit.prevent="submit">
            @csrf
            <div class="input-field col s12">
                <label for="role">Client</label>
                <select  class="error validate" wire:ignore id="client_id" wire:model="client_id">
                    <option disabled value="&nbsp;">Client</option>
                    @foreach($clients as $client)
                        <option value="{{$client->id}}"> {{$client->clientname}}</option>
                    @endforeach
                </select>
            </div>
            <div class="input-field col m12 s12">
                <input id="contactperson" type="text" name="contactperson" wire:model="contactperson" />
                @error('contactperson') <span class="error"><small>{{ $message }}</small></span> @enderror
                <label for="contactperson">Contact Person</label>
            </div>

            <div class="row">
                <div class="row">
                    <div class="input-field col s12">
                        <button class="btn cyan waves-effect waves-light right" type="submit">Add
                            <i class="material-icons right">send</i>
                        </button>
                    </div>
                </div>
            </div>
        </form>
</div>

下一个Livewire leads类如下:

代码语言:javascript
运行
AI代码解释
复制
class LeadsForm extends Component
{

public $contactperson;
public $client_id;





public function submit()
{


    Lead::create([
        'client_id' => $this->client_id,
        'contactperson' => $this->contactperson,
       
    ]);

    Alert::toast('Client created successfully', 'success');
    return $this->redirectRoute('leads.index');
}




public function render()
{
    $clients = Client::all();
  

    return view('livewire.leads-form',[
        'clients'=>$clients,
   

    ]);
}

}

我使用的是laravel调试栏,它将数组client_id字段显示为空。

EN

回答 1

Stack Overflow用户

发布于 2021-05-02 15:57:40

删除select元素中的wire:ignore,这样可以避免产生任何可以包装到后端的Livewire事件

代码语言:javascript
运行
AI代码解释
复制
<select  class="error validate" wire:ignore id="client_id" wire:model="client_id">
 <option disabled value="&nbsp;">Client</option>
 @foreach($clients as $client)
   <option value="{{$client->id}}"> {{$client->clientname}}</option>
 @endforeach
</select>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67358057

复制
相关文章
mysql float字段类型数据查询为空问题
作者:matrix 被围观: 224 次 发布时间:2021-12-28 分类:mysql PHP | 无评论 »
HHTjim 部落格
2022/09/26
5.3K0
下拉选择框
当我们在填一些问卷的时候,问卷的设计基本都是通过输入框实现的,普通的输入框就是一个问题后面会出现一个填写内容的框架,有时还会出现下拉选择框,下拉选择框的实现是与普通输入框不一样的,下面将介绍下拉选择框的算法。
算法与编程之美
2022/04/08
2K0
下拉选择框
ObjectDataSource选择业务对象列表为空的探讨
前天晚上,在一个页面上拖了一个ObjectDataSource,配置数据源时发现选择业务对象的列表没有列出当前项目的实体类,甚至连NewLife.CommonEntity中的实体类也没有列出来。按以往管理,重新编译、删除引用、更新DLL……所有操作都试了一遍,还是不行。这就奇了怪了,虽然这几年来一直碰到这个问题,尽管不知道原因,但是从来没试过解决不了的。觉得也许是我安装了vs2010sp1的原因。     第二天早上到了办公室,让没有安装vs2010sp1的同事试一下,同样的问题……     于是打算反编译
大石头
2018/01/15
1.5K0
ObjectDataSource选择业务对象列表为空的探讨
Oracle数据库sql语句空字段筛选方法,sql语句值为空判断方法
空字段筛选过程演示: select image_src, pk_group from sm_appmenuitem where image_src is null;
小蓝枣
2021/12/01
3.1K0
Oracle数据库sql语句空字段筛选方法,sql语句值为空判断方法
jq 判断是否为空,为空隐藏指定 div
<style>.mydiv{ width:300px; height:300px; background:red;}</style> <div class="mydiv">     <div class="content">          这是一句话,删除的话会让 mydiv display:none;          </div> </div> <script src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script> <sc
Savalone
2020/02/11
7.2K0
selenium下拉框选择
下拉框结构如下,我需要选择的是new: html为: <select id="condition_type" name="condition_type" class="notification-req
机器学习和大数据挖掘
2019/07/02
3.3K0
Valid 注解校验 -空字段校验
实体类属性字段对应注解的作用范围: @NotEmpty 集合 @NotBlank String类型 @NotNull 作用在全部数据类型
Qwe7
2022/04/02
1.1K0
MySQL:concat拼接字段导致数据为空问题解决方案
使用MySQL concat函数进行拼接不同字段时,如果遇到拼接变量其中一个是Null值的情况,会导致整个拼接的字段为Null。
关忆北.
2022/05/05
3.1K0
MySQL:concat拼接字段导致数据为空问题解决方案
python判断是否为空_python 判断对象是否为空
在实际的工作当中,我们难免要与空值打交道,相信不少初学者都会写出下面的代码:if a is None:
全栈程序员站长
2022/07/01
10.7K0
java判断空对象为空_Java判断对象是否为空(包括null ,””)的方法[通俗易懂]
public static boolean isEmpty(Object obj)
全栈程序员站长
2022/06/25
7.1K0
Android官方下拉选择控件Spinner
Demo: https://github.com/bige-ye/SpinnerDemo
yechaoa
2022/06/10
1.1K0
Android官方下拉选择控件Spinner
ABAP选择屏幕下拉框
第一种是最基础的,直接依靠表字段的搜索帮助等系统自带的搜索帮助,只需要在屏幕后面加上【AS LISTBOX】关键字,就可以了,同时呢【AS LISTBOX】需要同【VISIBLE LENGTH】一起使用。
matinal
2023/10/13
3300
java如何判断对象为空_java对象如何判断是否为空
在实际书写代码的时候,经常会因为对象为空,而抛出空指针异常java.lang.NullPointerException。
全栈程序员站长
2022/06/25
13.5K0
java如何判断对象为空_java对象如何判断是否为空
python pyqt5 QInputDialog 数字选择下拉选择
import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import *
用户5760343
2019/07/05
1.2K0
JavaScript中为空判断
摘要总结:本文介绍了JavaScript中为空判断的不同情况,包括判断字符串是否为空、变量是否被定义和初始化过。通过这些判断,可以帮助开发人员编写更加健壮的代码。
林老师带你学编程
2018/01/03
4K0
Java Optional 初始为空
Optional<QualificationStateLabelInfo> stateSpecificLabel = null;
HoneyMoose
2022/05/18
2.7K0
Java Optional 初始为空
java判断list为空
if(null == list || list.size() ==0 ){ }
似水的流年
2018/01/12
4.8K0
java判断list为空
if(null == list || list.size() ==0 ){ } list.isEmpty()和list.size()==0 没有区别 isEmpty()判断有没有元素 而size()返
似水的流年
2019/12/10
3.6K0
点击加载更多

相似问题

已选择Livewire选择字段

12

Safari选择下拉显示空字段

11

文本字段保持为空

11

即使字段设置为空,也不能将字段保持为空

21

当选择框选项为no时,如何动态保持输入字段为空?

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文