Ajax生成select级联下拉框和清空多余选项

实现效果

function professionType(){

var obj=document.getElementById(“下拉框id”);

var index = obj.selectedIndex;

var professionType = obj.options[index].value;//获取选中的值

// alert(professionType);

$("#级联下拉框id").empty();

$("#级联下拉框id").append("-----请选择----- ");

getOption(professionType)//执行ajax函数 动态生成option

}

function getOption(professionType) {

$.ajax({

type: "POST",

url: "/selectByProfessionType",//路径

dataType: "json",

data: {

profession_type: professionType//后台通过本type查询数据

},

success: function (data) {

for (var i = 0; i < data.length; i++) {

$("#profession_id").append("" + data[i].profession_name + "");`在这里插入代码片`

}

}

})

}

ajax 下拉框 保留,Ajax生成select级联下拉框和清空多余选项相关推荐

  1. html下拉框怎么默认选中,select获取下拉框的值 下拉框默认选中方法

    本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值 例如: 数字1 数字2 $("#numbers option:selected").val( ...

  2. <select>下拉选择框

    下拉菜单<select>项,分组: <select name="course"><option>课程选择</option><o ...

  3. java 基于注解实现动态级联下拉excel模板

    动态级联下拉模板导出 前言 一.构建项目结构 二.最终效果(下载到本地,流的形式可自行测试) 三.具体实现 1)pom.xml 依赖 2)注解类 Excel 和 ExcelFile 3)构建实体类 T ...

  4. linux一键电影网站脚本,Linux下HTML5播放器一键生成脚本

    原创内容,转载请注明出处: https://www.myzhenai.com.cn/post/2394.html https://www.myzhenai.com/thread-17969-1-1.h ...

  5. html下拉框由后端,select下拉框通过ajax获取后台的值

    我址工框按都不他移据流.果原箭近第作架量是这两天一直在写前端,修改bug,这个问题是真的搞了我一天是时间.鄙人才明白,经验缺少带来的时间分浏代刚的学过互解久点维数数请曾房总题屏断果如以气.泉公一实切式 ...

  6. jQuery动态生成select下拉框

    前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方 ...

  7. jquery ajax下拉联动,jQuery Ajax MVC 下拉框联动

    无刷新下拉框联动方法: Controllers代码 public JsonResult DH_Change(string DH_ID) { List TeamLeaderList = FinanceD ...

  8. ajax同步获得数据字典的值,使用ajax加载数据字典,生成select(示例代码)

    //使用ajax加载数据字典,生成select //参数1: 数据字典类型 (dict_type_code) //参数2: 将下啦选放入的标签id //参数3: 生成下拉选时,select标签的nam ...

  9. layui怎么给下拉框赋值_layui给select下拉框赋值

    转: layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = la ...

最新文章

  1. 检查超时-Ajax之四
  2. java swing图形界面开发与案例详解source code
  3. Remix Solidity IDE 快速入门
  4. C#把Xml转换为DataSet的两种方法
  5. 软考资料-软件设计师
  6. 单循环比赛的贝格尔编排法
  7. 截止失真放大电路_一个经典电路,一个重要概念:硬件必会之三极管实用解析...
  8. php车牌识别,跨平台车牌识别应用 Light-LPR
  9. 烤仔建工承建,著名画家孙天骄的元宇宙美术馆即将开门迎客
  10. C++中未定义标识符ULONG,UINT的报错解决方法 VS2019
  11. Docker环境下的前后端分离部署与运维 脚本
  12. react通过hook实现父组件调用孙子组件方法(非redux)
  13. 多场景支付融合,刷脸支付入驻新华书店
  14. 西邮Linux兴趣小组纳新笔试试题
  15. FasterRcnn,Yolo的 Label Assignment机制,以及ATSS,OTA
  16. Deadlock found when trying to get lock; try restarting transaction
  17. 互联网的历史(1969-2009)
  18. 电源常识——安规标识
  19. vue+echarts地图 + 杭州市 + 点击穿透下面的区和县
  20. manjaro linux 安装espeak语音朗读软件并且简单使用

热门文章

  1. android中设置Animation 动画效果
  2. spi master vhd timing
  3. layaAir引擎制作游戏的图集动画、时间轴动画、和骨骼动画总结二
  4. 时下最热开源大数据技术TOP10
  5. Android studio ocr初级app开发问题汇总(含工程代码)
  6. jquery 插件和后台模板搜集
  7. 快速排序算法C#实现
  8. CABasicAnimation使用总结
  9. 本地yum仓库和http方式的yum仓库。
  10. 联想T430i安装Win7