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

待我称王封你为后i 2022-02-20 05:57 744阅读 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 条评论，744人围观）

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

相关阅读

相关 layui数据表格复选框传递参数值到后台并下载文件

求实现：通过layui框架数据表格渲染方法解析出表格，然后根据表格复选框选中的值（id）来传递到后台，目前需要实现的是调用后台的文件下载接口；由于下载接口不能直接使用...

叁歲伎倆/ 2024年04月17日 06:08/ 0 赞/ 73 阅读

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

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

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

相关 JavaScript取DOM中下拉框的选中值

var name = document.getElementById("name").options[document.getElementById("name").s

电玩女神/ 2023年10月11日 10:49/ 0 赞/ 10 阅读

相关 Layui select（下拉框）使用（动态渲染，更改选中值）

1 动态渲染 HTML 代码： <form> <select id="RiverTypeLevel" > <option

Dear 丶/ 2023年10月05日 13:49/ 0 赞/ 61 阅读

相关 LayUI # 清空下拉框的值

//监听单选 form.on('radio(test)',function(elem){ //执行清空 $("select")

我就是我/ 2023年06月30日 01:46/ 0 赞/ 17 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 layui下拉框赋默认值

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

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