动态增删select下拉列表的节点

关注

原创最新推荐文章于 2026-04-12 11:44:03 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

el-select 选择器前后端基础用法官方文档中只给了当前组件的一个简介，没有具体到实践中传后端并返回数据，还是自己解决，特此记录一下。官方文档中v-model="value",以至于查询传参时无法识别value，正确做法是。去岁千般皆如意，今年万事皆称心，代码需要我们细心细心再细心，开工大吉，接着搬砖！今日bug是el-select的下拉选择框数据没有传到后台，返回数据不正确。options是选择框中下拉选项，而searchModel是我们的查询条件。作为一个后端开发人员对前端的bug真的是有点头大。2024开年上工第一天，记录一下。阅读详情

动态设置select下拉列表的选择项：

<html> <head> <title> New Document </title> <mce:script language="JavaScript"></mce:script> </head> <body> <form id = 'sf' method=post action=""> <select id="s" name="s"> <option value="aaa" selected>aaaa</option> <option value="bbb">bbbb</option> </select> <input type="button" value="test" onclick="test()"> </form> </body> </html>

动态增加或删除一个选项：

<HTML> <SCRIPT LANGUAGE="JavaScript"> //增加一个节点 function add(){ var t = document.getElementById("t"); var n = new Option("test"); t.add(n); } //删除某个节点 function del(i){ var t = document.getElementById("t"); t.remove(i); } </SCRIPT> <BODY> <p>动态增删节点</p> <SELECT id="t"> <OPTION VALUE="1" SELECTED>1</OPTION> <OPTION VALUE="2">2</OPTION> </SELECT> <INPUT TYPE="button" VALUE="增加一个节点" ONCLICK="add()"> <INPUT TYPE="button" VALUE="删除第一个节点" ONCLICK="del(0)"> </BODY> </HTML>

收录于