Fastadmin点击搜索赋值给下拉列表_fastadmin 搜索自定义下拉内容-优快云博客

本文链接：https://blog.youkuaiyun.com/hzhairuntao/article/details/136375815

本文介绍了如何在业务场景中，通过前端JavaScript的add函数实现核销码搜索功能。用户输入核销码后，通过AJAX向后端API发送POST请求，获取订单项目信息并填充下拉列表。遇到请求失败时，进行适当的错误处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

业务场景描述

输入核销码，点击搜索，下拉列表展现出订单的所有项目

实现逻辑：

给add.html的js里面，给搜索按钮绑定单击事件

            add: function () {
                //绑定单机事件
                $("#ss").click(function(){
                    
                    //点击之后，获取核销码input的值
                    var key = $("#c-code").val();

                    //然后写一个ajax
                    $.ajax({
                    url: "hexiao/goods",//API 地址
                    type: "POST", // 请求类型
                    dataType: "json", // 预期的响应数据类型
                    data:{"code":key},//这里传获取的核销码
                    success: function(result){
                        
                        // 当请求成功时执行此回调函数
                        // 在这里处理返回的数据
                      
                        layer.msg(result.msg, {icon: result.code}); //弹窗


                        $("#c-goods_name").val(result.goods_name);//这里赋值给商品名称输入框
                        $("#c-phone").val(result.phone);//这里赋值给用户名称输入框
                        //定义空变量
                        var a= '';
                        //下拉有多个内容，开始循环拿值
                        for(var i=0;i<result.taocan.length;i++){
                            a+=`
                                <option                          value='${result.taocan[i].id}'>${result.taocan[i].title}</option>
                            
                            `;
                            
                        }
                        
                        //赋值给下拉列表
                        $("#c-name").html(a);
                    },
                    error: function(xhr, status, error){
                        // 当请求失败时执行此回调函数
                        console.error(xhr.responseText);
                    }
                });
                }
             
                Controller.api.bindevent();
            },

输入核销码，点击搜索。触发单击事件，通过ajax请求方法，传递核销码，后台通过核销码查找到相关信息，再返回赋值