jquery ajax动态追加select选择框

最新推荐文章于 2025-08-19 08:41:01 发布

原创最新推荐文章于 2025-08-19 08:41:01 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的示例，该示例展示了如何在用户更改选择时通过Ajax请求来动态填充另一个下拉列表。当用户从第一个下拉列表中选择一个选项时，会触发一个Ajax调用，该调用将返回一系列选项，这些选项随后会被填充到第二个下拉列表中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function(){
$("#volumeIDdetach").change(function(){
if(this.selectedIndex==0)return;
$("#instanceIDdetach").empty();
$("#volumeIDdetach").attr("disabled",true);
$.ajax({
type:"POST",
url:"/usmccm/vodaplex/volume/showAllvolumesAction.do?isAjax=true",//处理请求的action方法
data:"volumeID="+$("#volumeIDdetach option:selected").val()+"&ajaxvolumeID="+$("#volumeIDdetach option:selected").val(),//传递的参数
success:function(html){
$("#volumeIDdetach").attr("disabled",false);
$("#onLoadInstance").attr("display","none");
var htmlarr = html.split("//@");
for(var i = 0;i < htmlarr.length - 1;i++)
{
$("#instanceIDdetach").append("<option value="+htmlarr[i]+" >"+htmlarr[i]+"</option>");
}
}
});
});
});