`
Lstoryc
  • 浏览: 78227 次
文章分类
社区版块
存档分类
最新评论

Jquery实现ajax动态生成select标签并设置选中

 
阅读更多
a : function () {
			$.ajax({
				url : 'xxxxxxxx.action',
				method : 'post',
				success : function (data) {
					if (data.success == "true") {
						var profiles = data.profiles;
						for (var i=0;i<profiles.length;i++) {
							if (profiles[i].profileType == "sms") {
								//TODO
								$('#otpForm input[name="smsPhoneNumber"]').attr('value', profiles[i].identity);
								jQuery("<option>SMS</option>").attr("value",profiles[i].profileType).appendTo("#otpForm #prePushOTPMethod");
							}
							if (profiles[i].profileType == "was") {
								$('#otpForm input[name="whatsappPhoneNumber"]').attr('value', profiles[i].identity);
								jQuery("<option>Whatsapp</option>").attr("value",profiles[i].profileType).appendTo("#otpForm #prePushOTPMethod");
							}
						}
					} else {}
				}
			});

$.ajax({
                url : 'aaaa.action',
                method : 'post',
                success : function (data) {
                    if (data.success == "true") {
                        var preferPushOTPType = data.preferredType;
                         $("#otpForm #prePushOTPMethod").val(preferPushOTPType);
                        //$("#otpForm #prePushOTPMethod").find("option[value=" + preferPushOTPType + "]").attr("selected",true);
                    } else {}
                }
            });

 

分享到:
评论

相关推荐

    jquery实现select互斥联动

    综上所述,jQuery实现的select互斥联动是一种常见的前端交互设计,通过监听和处理事件,动态调整下拉列表的选项,以满足不同场景下的用户需求。在理解基本原理后,可以根据具体项目需求进行扩展和优化。

    Jquery实现的的动态无刷新的二级联动菜单

    前端接收到这些数据后,可以使用jQuery的函数解析JSON,然后动态创建并插入到二级&lt;select&gt;元素中。 实现步骤大致如下: 1. **HTML结构**:创建两个&lt;select&gt;元素,第一个作为一级菜单,第二个作为二级菜单。初始时...

    jquery ajax 实现省市县下拉列表联动

    在本案例中,我们使用`jQuery`的`Ajax`功能来动态加载全中国的省市县信息,通过XML文件存储这些地理数据。XML(eXtensible Markup Language)是一种结构化数据格式,常用于数据交换,因为它易于解析和生成。 首先,...

    jQuery Ajax实现Select多级关联动态绑定数据的实例代码

    本文主要讲解了如何利用jQuery和Ajax技术实现网页中Select下拉框的多级关联动态绑定数据,即实现省份选择后城市下拉框动态更新的功能。通过实际的代码实例,详细说明了从后端数据库读取数据,并通过前端JavaScript...

    JQuery实现动态绑定和二级联动

    5. **生成城市列表**:根据选中的省份,从数据模型中获取城市列表,用jQuery动态生成城市`&lt;select&gt;`的`&lt;option&gt;`。 6. **展示结果**:将新的城市列表插入到页面相应位置。 五、优化与扩展 1. **异步加载**:为了...

    bootstrap select2插件用ajax来获取和显示数据的实例

    上述过程为实现一个带有Ajax功能的Bootstrap Select2插件的基本步骤,它在很多应用场景中非常有用,尤其是在选项数据量较大或动态变化时。通过这种方式,开发者可以创建一个用户友好的界面,允许用户通过搜索和选择...

    php ajax select 显示

    在IT行业中,PHP和AJAX(Asynchronous JavaScript and XML)是两种常见的技术,它们结合使用可以实现动态网页交互,提高用户体验。在这个特定的场景中,我们讨论的是如何使用PHP和AJAX来实现在一个下拉菜单中选择...

    jquery+ajax+json省市区三级联动

    这里我们探讨的主题是“jquery+ajax+json省市区三级联动”,这个功能利用jQuery库的便捷性,结合AJAX异步数据交换,以及JSON数据格式来实现动态地加载和更新省市区的选项。 首先,jQuery是一个强大的JavaScript库,...

    jQuery Ajax 三级省市联动 (JSON)

    这里我们将深入探讨如何使用jQuery和Ajax技术实现这一功能,并结合JSON数据格式来动态加载和展示地区信息。 首先,理解jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。Ajax全称...

    jQuery实现的select下拉框点击国家选择功能插件源码.zip

    这可能通过Ajax请求获取数据并动态生成选项实现。 2. **优化用户体验**:插件可能提供搜索功能,允许用户输入国家名称的关键词,快速找到目标国家。 3. **国际化支持**:国家名可能以多种语言显示,适应不同地区的...

    jQuery 仿 Select 下拉

    7. **AJAX加载数据**:如果下拉选项来自服务器,可以使用jQuery的`.ajax()`方法异步加载数据,并动态插入到列表中。这使得页面可以快速渲染,并在需要时更新选项。 8. **多选支持**:对于支持多选的仿Select下拉,...

    jQuery选中select控件 无法设置selected的解决方法

    解决办法:把选中option的语句放到setTimeout中,例: 代码如下: setTimeout(function() { var selSorts = $(“select[id^='” + controls.selsort + “‘]”); $.each(selSorts, function(index, sort) { var ope =...

    根据JSON自动生成select联动

    本示例中的"根据JSON自动生成select联动"就是一种利用JSON数据实现多级关联的`select`元素的方法,主要涉及JQuery库和HTML页面的构建。 首先,我们要理解JSON(JavaScript Object Notation)的结构。JSON对象通常...

    jquery模拟select,带tip提示

    4. **选中状态**:点击选项后更新选中项的样式,并同步到隐藏的原生`&lt;select&gt;`元素中,以保持表单提交的兼容性。 二、集成qTip提示 qTip是一个强大的jQuery插件,用于创建各种类型的提示效果。在这个例子中,它被...

    【JavaScript源代码】ajax jquery实现页面某一个div的刷新效果.docx

    【JavaScript源代码】中的Ajax与jQuery实现页面特定Div的刷新效果是前端开发中常见的功能,主要涉及异步数据交互和DOM操作。以下是对这个技术点的详细解释: 1. **Ajax(Asynchronous JavaScript and XML)**:Ajax...

    jQuery+Ajax+PHP+MySQL实现分类列表管理[参照].pdf

    总的来说,这个分类列表管理系统展示了如何结合jQuery的事件处理、Ajax的异步通信、PHP的服务器端处理以及MySQL的数据操作,实现一个动态、交互性强的Web应用。这种技术栈在现代Web开发中非常常见,能够提高用户体验...

    AJAX Jquery Json实现省市三级联动

    在网页开发中,AJAX(Asynchronous JavaScript and XML)是一种技术,用于在不刷新整个页面的情况下,与服务器...通过AJAX、jQuery和JSON的结合,我们可以构建出动态、高效的网页交互功能,为用户提供流畅的使用体验。

    jquery实现三级联动

    `&lt;c:forEach&gt;`标签是JSP中的循环标签,用于遍历后台传来的数据并生成相应的`&lt;option&gt;`选项。 接着是JavaScript部分。这里有两个关键的函数:`findClassM()`和`findClassS()`。这两个函数分别在“大类”和“属类”被...

    jQuery实现动态生成年月日级联下拉列表示例

    这段代码首先获取当前的年份,然后生成1945年至2016年的年份选项,并根据当前年份设置默认选中的值。接着,它创建一个包含1到12个月份的下拉列表。最后,创建一个包含1到31天的日期下拉列表。当用户更改月份时,通过...

    jQuery实现的多级级联下拉列表

    收到JSON响应后,遍历数据并构建第二级下拉列表的`&lt;option&gt;`标签,最后将它们插入到`#level2Select`中。 ### 5. Struts1.2框架 Struts1.2是一个基于MVC(Model-View-Controller)模式的Java Web应用框架。在这个...

Global site tag (gtag.js) - Google Analytics