写一个select下拉框点击后查找数据库

最新推荐文章于 2024-07-23 20:31:08 发布

@我本楚狂人

最新推荐文章于 2024-07-23 20:31:08 发布

阅读量819

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/victo_chao/article/details/92657300

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

博客围绕编写一个select下拉框，在点击该下拉框后实现查找数据库的功能展开，涉及前端与后端交互等信息技术相关内容。

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

 下拉框：
   <select id="contractType" style="width: 130px " name="contractType" onClick:"selectContractType()">
             <option value=''> — 请选择 — </option>
   </select>;

 相应的javaScript：

//后台我返回的是一个集合List<Map<String, Object>> 

function selectContractType(){
        $('#contractType').empty();//先清空避免重复查询，此段也可省略
         $.ajax( {
                        url : '${pageContext.request.contextPath}/',//后台的url地址
                        type : 'post',
                        success : function(data) {

                                $.each(data, function (i, item) {//data为所有的数据，i表示编号，item表示第i行的数据

                                    if (item == null) {
                                        return;
                                      }
                                           $('#contractType').append('<option>'+data[i].name+'</option>');
                                });
                        }
                    });
    }