layui下拉框取val值和text值并传到后台

待我称王封你为后i 2022-02-20 05:57 728阅读 0赞

下面是一个简单的layui数据模板下拉框
    第一步
    <form class="layui-form" id="edittraps">
    <div class="layui-input-block">
        <select name="pmUuid"  lay-filter="filter" id="names">
            <option value=""></option>
            {
      {#  layui.each(d.data, function(index, item){ }}
            <option value="{
      {item.uuid}}">{
      {item.userName}}</option>    //把要取的值赋在value上；要显示的文本赋值在text
            {
      {#  }); }}
            {
      {#  if(d.data.length === 0){ }}
            无数据
            {
      {#  } }}
        </select>
    </div>
    <button class="layui-btn my-add-btn " lay-submit lay-filter="add" >保 存</button>
    </form>

第二步
    var userName=null;  //定义一个空值
    form.on('select(filter)', function(data){
        userName=data.elem[data.elem.selectedIndex].text;  //取选中下拉框的文本并赋值给userName
    });
    
    第三步
    form.on('submit(add)', function (addform) {   //addform是form表单中所选中所有数据 addform.field 为表单中的值
        addform.field.userName=userName;   //把userName的值赋给要传入后台的对象
        $.ajax({
            url: api_committee_add,
            type: 'post',
            data: addform.field,
            dataType: 'json',

发表评论取消回复

表情：

评论列表（有 0 条评论，728人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP获取表单值--同时获取下拉框的Value和Text值

同时获取下拉框的Value和Text值的解决办法：添加一个<p>标签，用户选中一项后就将该项的Text赋值给他然后接受页面获取该P变迁即可获取到相应的Text值

不念不忘少年蓝@/ 2023年10月17日 13:49/ 0 赞/ 31 阅读

相关 vue下拉框向后台同时传value和label值

<el-table-column label="供应商" width="200" header-align="center" align="center">

小灰灰/ 2022年09月08日 06:17/ 0 赞/ 247 阅读

相关 C# MVC后台传值到前端并显示

一、通过ViewBag传值：传值可以是字段和list等其他类型后台代码 ViewBag.Message = "Your application d

约定不等于承诺〃/ 2022年05月20日 08:55/ 0 赞/ 227 阅读

相关 layui——下拉框监听

<select name="" id="userSelect" lay-filter="userClass"> <option value="0">用户

迷南。/ 2022年05月12日 13:34/ 0 赞/ 395 阅读

相关 layui select下拉框监听值变化 layui 下拉列表的change事件

layui下拉列表的事件不能用jq的change 应该用自带的方式写。默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。

叁歲伎倆/ 2022年05月10日 02:24/ 0 赞/ 975 阅读

相关允许空值的下拉框

LSComboBoxItem.cs using System; using System.Net; using System.Windows;

女爷i/ 2022年04月22日 03:48/ 0 赞/ 202 阅读

相关 layui select 下拉框级联动态赋值与获取选中值

//下拉框必须在 class="layui-form" 里不然监听事件没有作用 <div class="layui-form" > <div c

Myth丶恋晨/ 2022年04月15日 04:41/ 0 赞/ 1090 阅读

相关 layui 富文本赋值，取值，取纯文本值

layui 富文本赋值: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-T

╰半夏微凉°/ 2022年04月03日 13:58/ 0 赞/ 597 阅读

相关 layui下拉框取val值和text值并传到后台

下面是一个简单的layui数据模板下拉框第一步 <form class="layui-form" id="edittraps"> <div c

待我称王封你为后i/ 2022年02月20日 05:57/ 0 赞/ 729 阅读

相关 layui下拉框赋默认值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="vie

素颜马尾好姑娘i/ 2021年09月23日 08:10/ 0 赞/ 836 阅读