select下拉框动态获取数据

需求：select下拉框中的数据是从后台接口中获取的，而不是自己写的假数据

步骤：（这里是用jquery及ajax发送请求）

一、页面上导入jquery在线资源

二、代码实列如下（仅供参考）

 <select name="" id="getCurrenty"><!-- <option id="optionId" value="">文本</option> --></select><script>$.ajax({url: "", // 请求路径type: "get", //请求方式 // data: { value: value },//请求参数//响应成功后的回调函数success: function (data) {console.log('option', data);let optionList = data.dataconsole.log(data.data);for (let i = 0; i < optionList.length; i++) {var option = document.createElement("option");$(option).val(optionList[i].value);$(option).text(optionList[i].label);$('#getCurrenty').append(option);}},//表示如果请求响应出现错误，会执行的回调函数error: function () {},//设置接受到的响应数据的格式// dataType: "text"});
</script>

select下拉框动态获取数据相关推荐

Select下拉框json获取国家区号
应客户需求,填写电话区号时,要求下拉选择国家来获取该国家的电话区号. 代码如下: 国家区码: country.json [{"cnname": "中国大陆",& ...
laravel5.4 关于select下拉框读取数据库数据案例
首先需要做一个select下来框 <select name="cate_pid"><option value="0">==顶级分类==& ...
Layui实现动态生成select中的option项,同时设置select下拉框选中项
项目场景: 主要用于为民族select下拉框动态生成option值,同时在实现编辑功能时,表单中的select下拉框的选中项为后台传过来的数据. 举例: 如下图所示的表单内容,下图的民族和政治面貌se ...
JavaScript DOM操作Select下拉框
DOM操作Select下拉框: 获取select选中的option值,修改选中的选项,添加选项option. <body> <script type="text/javas ...
bootstrap获取下拉框数据_bootstrap动态调用select下拉框的实现方法
bootstrap动态调用select下拉框的实例代码 html代码: 填报部门: JS代码: /*获取下拉菜单*/ function showSel(){ $.ajax({ "type&q ...
编程案例——layui的table表格并获取选中的数据、layui监控select下拉框并将隐藏的div显示
layui table表格展示效果代码前端代码后端代码:我们需要注意后端给前端返回数据的格式获取radio标签所对应的数据条目问题描述解决办法 layui监控select下拉框并将隐藏的 ...
jQuery动态生成select下拉框
前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方 ...
记一次jquery: select下拉框默认设置选中项（利用数据回显）
1. 用selected属性默认增加选中项: <select name="" id=""><option value="1" ...
jquery操作select下拉框的各种方法，获取选中项的值或文本，根据指定的值或文本选中select的option项等...
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...

select下拉框动态获取数据

select下拉框动态获取数据相关推荐

最新文章

热门文章