下拉框怎么用ajax实现添加功能,ajax实现动态下拉框示例

  • Post author:
  • Post category:其他


许多页面上都涉及有下拉框,即select标签。对于简单的下拉框,被选择的数据是不需要改变的,我们可以用写死。这样下拉框的数据永远都是那几条。

示例:

信息一

信息二

信息三

信息四

但是有些项目或者工程是需要将数据库中的数据呈现出来并提供选择的,下拉的内容会随数据库中数据的变化而变化。首先我们有asp组件可以帮我们做这这件事情,DropDownList组件,只需要将数据库中查询得到的数据添加进该组件中,在前台即可以显示出动态下拉的效果。如果想更有新意,不依赖于传统组件,ajax就是个不错的选择。下面一步步来通过ajax实现动态下拉的效果。

1.js发出ajax请求:

$(document).ready(function () {

$.ajax({

timeout: 3000,

async: false,

type: “POST”,

url: “WareHouse.ashx”,

dataType: “json”,

data: {

warehouse: $(“#issued_sub_key_c”).val(),

},

success: function (data) {

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

$(“#issued_sub_key_c”).append(“” + data[i].Name + “”);