项目需要实现一个功能 当点下拉框时动态加载后台数据。
这是后台数据
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
Map<String, String> product_names = DataManager.getGroup_names();
StringBuffer sb = new StringBuffer();
sb.append("{");
Set<String> keys = product_names.keySet();
for(Iterator<String> iter = keys.iterator();iter.hasNext();) {
String key = iter.next();
sb.append(product_names.get(key)+":");
sb.append("['"+key+"'],");
}
sb.deleteCharAt(sb.length()-1);
sb.append("}");
response.getWriter().write(sb.toString());
}
前台设值
$.ajax({
type:"post",
url:"InitData",
data:"",
success:function(data) {
var map = eval("("+data+")");
$.each(map,function(key,values){
$("<option value="+values+">"+key+"</option>").appendTo("#p_name");
}
);
}
});
分享到:
相关推荐
本篇文章主要介绍了ajax实现动态下拉框示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
SELECT jquery插件 ajax填充 SELECT jquery插件 ajax填充 SELECT jquery插件 ajax填充 SELECT jquery插件 ajax填充 好东东
jQuery Selectric下拉框菜单选择插件是一款包含多种样式的Select下拉选择代码。主要功能有,基本用法,获取选定的选项值,设定值,更改选项,回调,通过Ajax请求填充,下拉框的自定义标记,下拉框定义向上,下拉框...
jQuery Selectric下拉框菜单,主要功能有,基本用法,获取选定的选项值,设定值,更改选项,回调,通过Ajax请求填充,下拉框的自定义标记,下拉框定义向上,下拉框定义向下等。
jQuery Selectric下拉框菜单,主要功能有,基本用法,获取选定的选项值,设定值,更改选项,回调,通过Ajax请求填充,下拉框的自定义标记,下拉框定义向上,下拉框定义向下等。
jQuery Selectric下拉框菜单,主要功能有,基本用法,获取选定的选项值,设定值,更改选项,回调,通过Ajax请求填充,下拉框的自定义标记,下拉框定义向上,下拉框定义向下等。
tinySelect.js是一款支持选项搜索过滤和Ajax远程加载的select下拉选择框jQuery插件。该下拉选择框插件可以搜索相关选项,可以通过Ajax调用json数据来填充下拉框,并且它支持中文,非常实用。
tinySelect.js是一款支持选项搜索过滤和Ajax远程加载的select下拉选择框jQuery插件。该下拉选择框插件可以搜索相关选项,可以通过Ajax调用json数据来填充下拉框,并且它支持中文,非常实用。
代码如下: //==========...下拉框测试</title> [removed][removed] [removed] $(function(){ var $city= $(“#ddlCity”); //填充一些数据 for(var i=1;i<=10;i++){ $city.append($(“”).attr(“value”,i
JQuery插件,下拉选择输入框,实现效果为下拉选择输入框,在输入框中可以输入,辅助实现搜索功能,在下拉框中可以选择内容填充,并有两种填充方式,一种普通input赋值方式,一种是标签形式的内容填充,如csdn的添加...
Extjs4.0动态填充combobox数据 Extjs4中up()和down()的用法 ExtJS4学习笔记(一)---window的创建 ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 ...
html5结合jquery实现的搜索框提示代码,也就是实现仿百度搜索的下拉框,仿淘宝购物搜索的下拉提示,当用户输入搜索内容的时候,会自动下拉出相关的搜索内容项,若选中这些选项,则会自动填充到搜索框中,提升人性化...
从后台获取json数据,将内容填充到下拉列表,页面做如何处理,接下来,通过本篇文章给大家实例讲解jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表,需要的朋友可以参考下
jQuery Country Select 是 jQuery 的“国家/地区选择器/选择器”插件,它使用所有可用国家/地区填充选择下拉列表并确保选择正确的值。 该插件在不进行任何样式更改的情况下填充下拉列表,使其与大多数任何 UI 样式...
旧版本的日历插件和下拉框已经被淘汰啦,好好欣赏 jQuery 日历插件给你带来的强烈视觉冲击吧! 1. CLNDR.js CLNDR.js 是一个日历插件,用来创建日历,允许用户随意的按照自己的想法去自定义日历。这个插件不会...
Jquery给基本控件的取值、赋值 TEXTBOX: var str = $(‘#txt’).val(); $(‘#txt’).val(“Set Lbl Value”); //文本框,文本区域: $(“#text_id”).attr(“value”,”);//清空内容 $(“#text_id”).attr(“value”...
//填充内容 LABLE: var str =$(“#lbl”).text(); $(“#lbl”).text(Value); /*获取单选按钮的值*/ var valradio =$(“input[@type=radio][@checked]”).val(); /*获取一组名为(items)的radio被选中项的值
//填充内容 多选框checkbox: $(“#checkbox_id”).attr(“value”)或者$(“#checkbox_id”).val();//获取值 $(“#chk1”).attr(“checked”,”);//不打勾 $(“#chk2”).attr(“checked”,true);//打勾 if($(“#chk1...
18_7.htm 下拉框的值同时给文本框和文本域。 18_8.htm 基于jQuery的折叠菜单。 18_9.htm 可编辑的表格数据。 第19章(\19) 示例描述:其他特效。 19_1.htm 中文日期。 19_2.htm 现在的日期及星期。 19_3...