`

jquery ajax动态追加select选择框

 
阅读更多
$(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>");   
                }
                } 
            }); 
        });
});
分享到:
评论

相关推荐

    jQuery为动态生成的select元素添加事件的方法

    2. 动态生成元素的事件处理难题:在Web开发中,经常遇到需要动态生成页面元素的情况,比如根据用户操作生成新的输入框、按钮或下拉选择框(select)。一旦这些元素被添加到DOM中,为了能够响应用户的交互,我们需要...

    jquery下拉多选select插件.rar

    本资源"jquery下拉多选select插件.rar"提供了一个基于jQuery实现的多选下拉框插件,适用于J2EE开发环境,尤其适合那些希望在网页中创建美观且功能强大的下拉选择器的开发者。 首先,让我们深入了解一下jQuery的选择...

    jQuery实现双向选择列表框

    本文将深入探讨如何使用jQuery实现双向选择列表框,这在需要同步两个下拉列表的选择时非常有用,例如在一对一映射或多选选项同步的情景。 首先,双向选择列表框的基本概念是,当在一个列表中做出选择时,相应的选项...

    jQuery Select下拉框无限级联菜单.rar

    在创建无限级联菜单时,jQuery提供了便利的方法来处理Select元素,如`$(selector).change()`用于监听下拉框的改变事件,`$(selector).append()`用于向DOM元素追加新的内容。 这个压缩包中的示例文件,"codesc.net...

    jquery_select

    `可以为`&lt;select&gt;`元素添加事件监听器,每当用户改变选项时,就会触发该函数执行,这使得我们可以动态响应用户的选择变化。 2. **获取已选文本** 使用`$("#select_id").find("option:selected").text();`可以获取...

    JQuery给select添加/删除节点的实现代码

    在Web开发中,下拉选择框(select元素)是一种常用的表单控件,用于让用户从多个选项中选择一个或多个项目。JQuery为操作select元素提供了方便的方法,包括添加、删除节点以及清空select元素中的内容。下面,我将...

    Jquery学习

    本文将深入探讨jQuery中关于Select选择器的使用,包括获取与设置选择的Text和Value、添加/删除Option项,以及表单元素的控制方法,帮助你快速掌握jQuery的核心技能。 一、jQuery获取Select选择的Text和Value 1. ...

    jQuery无限层级下拉框

    1. **jQuery的AJAX请求**:在实现无限层级下拉框时,通过AJAX(Asynchronous JavaScript and XML)请求动态获取下拉菜单的数据。这使得用户在选择一个选项时,无需刷新整个页面就能加载下一级菜单,提高了用户体验。...

    jQuery+ajax实现无刷新级联菜单示例

    用户选择省份后,通过JavaScript事件触发AJAX请求,服务器响应后,前端脚本将新的城市选项追加到城市下拉菜单中。 #### 知识点六:JavaScript事件处理 在本示例中,使用了jQuery对省份下拉菜单的`change`事件进行...

    jQuery获取Select选择的Text和Value(详细汇总)

    2. 获取Select选择的Text 若需要获取用户在下拉菜单中选中的项的文本内容,可以使用.find()方法选择被选中的option元素,然后调用.text()方法来获取其文本。 ```javascript var checkText = $("#select_id").find(...

    jquery取单选,复选,下拉小结

    这篇博客"jquery取单选,复选,下拉小结"是关于如何使用jQuery来操作网页中的单选按钮(radio)、复选框(checkbox)以及下拉列表(select)的选择项。下面我们将详细探讨这些知识点。 首先,我们来讨论如何使用...

    jquery 学习

    本文档将详细介绍 jQuery 中与表单相关的常用函数和方法,特别是如何操作输入框(Input)、下拉列表(Select)、单选按钮(Radio)和复选框(Checkbox)等元素。 #### 二、操作Input输入框 在网页表单中,输入框是...

    jquery对table中各数据的增加、保存、删除操作示例

    这个函数首先从页面上获取select框的值,然后创建新的`&lt;tr&gt;`元素,为其添加多个`&lt;td&gt;`元素,每个`&lt;td&gt;`中可以包含输入框、选择框等表单元素。之后,这个新行会被追加到指定的表格中(通过传入的`tid`参数标识)。 ...

    JQuery课件

    jQuery的核心特性包括选择器、遍历DOM、事件处理、动画效果和Ajax操作等。 jQuery EasyUI则是在jQuery基础上构建的一个前端框架,它提供了丰富的UI组件,如表格、下拉框、按钮、对话框、菜单等,帮助开发者快速地...

    jQuery详细教程

    提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

    jQuery完全实例.rar

    动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以...

    php配合jquery实现增删操作具体实例

    `mysql_connect` 用于建立数据库连接,`mysql_set_charset` 设置字符集为UTF-8,`mysql_select_db` 选择要操作的数据库。注意,`mysql_close` 用于关闭非永久连接,而`mysql_pconnect` 创建的是持久连接。 在PHP中...

    jQuery实现聊天对话框

    这包括一个聊天内容展示区域 `.talk_show` 和一个输入区 `.talk_input`,输入区包含一个下拉列表(`&lt;select&gt;`)用于选择说话的角色,一个文本输入框(`&lt;input type="text"&gt;`)用于输入消息,以及一个发送按钮(`...

    bootstrap下拉框动态赋值方法

    6. 将构建好的字符串通过jQuery的`append()`方法追加到对应的`&lt;select&gt;`元素(`$("#addrole")`)中。 7. 为下拉框添加`change`事件监听器,当用户选择了一个选项后,根据选择更新页面上其他元素的值。 通过上述...

Global site tag (gtag.js) - Google Analytics