vue 实现下拉框动态获取年份

Posted 2023-04-17

参考技术A 最近项目里需要用到下拉框来动态获取年份，网上找的时候大部分都是js写的，这里记录下用vue来实现。

项目需求：下拉框动态获取年份
项目环境：vue + vue cli +element-ui + select选择器

最终效果：

谁知道怎么用ajax实现选择下拉框的时候动态从数据库读取数据吗

谁有这样的例子，麻烦给一个

我想实现这样的效果：上面有个下拉框，用户选择其中一个选项的时候，下面的表格会自动改动内容。

表格的内容是根据s_id的不同而变化，所以我需要在用户选择下拉列框后让s_id自动改变值，
并让表格自动根据s_id从数据库取数据。

加载这个表格是根据选择的s_id ， 然后根据这个s_id从数据库取数据读进表格里。

怎么改动我的代码呢？我目前的代码实现不了

每次选择下拉框的时候去服务器查找数据.然后返回相应的内容.

参考技术A 先做一个JSP页面，就和你正常情况下根据ID查数据一样，得到ID，根据ID查询出数据。
循环出表格在页面上。
只是这个页面不会通过浏览器直接访问。
而是用ajax的异步去请求这个页面。

在你的当前操作页面上，定义一个div。
在取得responseText后，将responseText的值innerHTML给div。

当触发下拉的onchange事件，就发送一个异步请求，将ID传到服务端。

这样就可以动态改变了，不会刷新页面。

做起来挺简单的，只是我现在没有现成的代码。本回答被提问者采纳 参考技术B 楼上的回答和我想的查不多，我也需要这样的例子指导一下，希望知道的人能提供一个实例