jqueryAjax实现Select动态添加数据实例解析

jquery Ajax实现Select动态添加数据，具体内容如下

1.背景

最近在工作中，遇到了一个关于select的问题。一般情况下，select下拉框中的数据都是固定的或者直接在jsp中读取列表值显示。但是，这次要实现select与别的选项框联动，也就是要动态添加option数据。查阅了很多资料，终于搞定。下面就分享一下，如何利用jQuery和Ajax实现select动态添加数据。

2.本文代码实现的是车辆型号根据车辆品牌联动显示的功能。首先，是jsp中的车辆品牌定义，这个很简单。如下：

<li class="form-row">
<span style="white-space:pre"> </span>
<span class="form-lbl"><i class="tip form-tip">*</i>车系</span>
 <select class="form-select" name="modelId">
 </select>
</li>

然后，是JS代码：

最后，是后台代码：

相关推荐：

给Ajax返回的HTML标签动态添加样式的方法

使用jQuery实现动态添加小广告详解

实例分享jQuery动态添加.active 实现导航效果代码

以上就是jquery Ajax实现Select动态添加数据实例解析的详细内容，更多请关注Gxl网其它相关文章！