Tag: 下拉菜单

我想将ajax响应数据加载到下拉列表中

我想将ajax共振数据加载到下拉列表中。 我的页面上有一个下拉列表。 我只想将包含选项列表的ajax响应数据加载到下拉列表中。 这是我的下拉列表。 我使用以下ajax脚本: $.ajax({ url: “GetPerPersonData.php”, type: “POST”, data: { building: $(‘#muliSelect1’).val(),wing:$(‘#muliSelect3’).val() }, success: function(data) { $(“#muliSelect6″).html(”); $(“#muliSelect6”).html(data); } }); 我将响应列为以下选项列表 Yogesh kale 但它不会在下拉列表中加载。 所以请帮我正确输出输出。

DropDownList选中索引在jQuery对话框中更改了Event

问题:当下拉列表选择索引更改时,应根据所选值填充另一个下拉列表。 我正在使用webforms。 在masterpage中我有这个代码,它允许我从jquery对话框中获取回发: var dlg = $(“#dialog-modal”).dialog({ autoOpen: false, height: 250, width: 350, show: “fade”, hide: “fade”, modal: true }); dlg.parent().appendTo($(“form:first”)); 当dropdowndist更改所选值时,服务器实际上获得回发并查找信息到数据库,然后我绑定到第二个下拉列表。 但是, 数据未显示在第二个DropDownList中 任何帮助将不胜感激。 更新:我在ContentPage中使用UserControl。 ContentPage和UserControl都有UpdatePanels。 jQuery对话框显示UserControl,其中包含问题中描述的DropDownLists。 更新:如果我删除ContentPage的UpdatePanel,该对话框按预期方式工作。 它在下拉列表选择索引更改时执行绑定,这很棒! 但是,我最好在ContentPage中使用UpdatePanel,以避免在与GridView交互时进行完整的回发(排序,分页,编辑等)。 任何想法将不胜感激!

当下拉选择值更改时隐藏div

我有一个下拉列表,当所选值更改时,我想隐藏一个div。 (还有另一个控件使div可见)。 我目前有以下内容,但当我更改下拉列表中的选定值时,div不会隐藏。 $(document).ready(function () { $(‘#MyDd’).change(function () { $(‘#buttonDiv’).hide(); }); }); 任何想法为什么这不起作用? 在此先感谢您的帮助。

如何使用动态填充的选项克隆jQuery Chosen选择框?

克隆现有选定元素(不是选项而是整个选择框)并为它们创建动态ID时,我遇到了问题。 我能够克隆所选元素,但它具有与所选父元素相同的id,并且不允许在那里选择一个选项。 当我单击新生成的选定框时,选择的已克隆父项将显示要选择的选项列表,而不是选择的子项。 选择的孩子被冻结了,我无法选择其中的选项。 截图: JS: $(“#addCostDetailsRowBtn”).button().click(addCostRowFn); var addCostRowFn = function () { var rowLen = $(“.costTemplateRow”).length; //alert(rowLen); var $newRow = $(“#costTemplateRow1”).clone(true); $newRow.find(‘select’).each(function () { //alert($(this)); //alert($(this).attr(‘id’)); var item = $(this).attr(‘id’); if(‘undefined’!=item) { var newItem = item.replace(/^(.*)(\d+)$/, function(match, p1, p2) { return p1+(parseInt(p2)+1); }); $(this).attr(‘id’, newItem); $(this).removeClass(“chzn-done”); } }); $(‘#costsTable tr:last’).before($newRow); return false; }; 有人可以帮我解决问题吗? […]

Yii2 Ajax。从dropdown视图中发送到控制器,并在接收数据时执行一些操作

我有一个DropDown列表。 我写了代码,但它没有用。 请帮我解决一下: echo $form->field($model, ‘Adrop’)->dropDownList( [ ” => ‘Please Choose’, ‘1’ => ‘item 1’, ‘2’ => ‘item 2’ ], [ ‘onchange’ => ‘$.post(Yii::$app->urlManager->createUrl . “users/A_action”), function(data) { $(“#test_div”).html(data) }’ ] ); 我也想发送选定的数据,不知道在哪里写。 在控制器中我有这个动作 public function actionA_action() { $data = “TTT”; return $data; } 现在当我在DropDown列表中选择一些东西时,我的test_div没有任何test_div 🙁 更新感谢Mihai P.现在我正在使用此代码 field($model, ‘Adrop’)->dropDownList( [”=>’Please Choose’,’1’=>’item 1′,’2’=>’item 2′], [ […]

Grails中一个域类的依赖下拉列表

所以,我有一个域类,它有很多字段。我在GSP准备好了五个下拉菜单,数据在任何下拉列表的onChange上得到过滤,但是有一个问题。 对于在下拉列表中选择的一些组合,我们在数据库中没有数据,并且这些组合不是固定的。 所以,我想可能的是,一旦在第一个下拉列表(或任何下拉列表)上进行选择,其余的下拉列表会根据第一个选择取出值(意味着另一个下拉列表) -downs仅填充数据库中可用数据的那些值​​,这也应遵循后续选择。 此外,我已经看到了依赖下拉列表的示例,但我看到的所有示例都有多个下拉列表,但每个下拉列表都从不同的域类中获取值 是否甚至可以只使用一个域类来执行此操作? 这就是我的index.gsp的样子: function printpgtyp(data) { console.log(data) }

单击按钮添加多个DropDownLists

使用ASP.NET(使用C#)和jQuery的组合,我尝试使用按钮创建DropDownList 。 这些DropDownList将填充SQL查询。 我遇到困难的部分是只使用按钮点击添加多个。 如果用户单击该按钮5次,则应创建另外5个DropDownList并使用相同的数据填充。 理想情况下,每个DropDownList都包含在表的新行中,或以类似的方式组织。 我不想在JavaScript中进行任何SQL连接。 有什么建议吗? 编辑: 我尝试使用 ,然后使用它来添加DropDownList 。 我无法弄清楚如何使用此方法并添加多个,但: protected void Add_Dropdownlist() { DropDownList DropDownList1 = new DropDownList(); PlaceHolder1.Controls.Add(DropDownList1); } 我已经尝试使用jQuery来复制原始的DropDownList 。 我遇到的问题是,如果它是 ,我无法弄清楚如何从jQuery获取原始的DropDownList 。 如果我改为将其改为 ,我无法弄清楚如何用ASP(服务器)端的SQL数据填充它。 function copy_Dropdownlist() { newDropdownlist = jQuey.extend({}, DropDownList2); } 简而言之,我走了几条路,但我认为它们中的任何一条都不对。 我是ASP.NET(谷歌教育)的新手,我认为问题在于链接客户端jQuery和服务器端ASP.NET。 谢谢您的帮助。

jQuery SuperFish错误:jQuery(“ul.sf-menu”)。superfish不是一个函数

我的superfish下拉菜单有问题 – 在我将jQuery.Columnizer添加到我的项目之前它工作正常。 取出了分类器jQuery修复了superfish.js的问题 – 但是当两者都启用并运行时,当您将鼠标hover在菜单上时会显示下拉菜单,但是当您尝试单击下拉列表中的菜单链接时,下拉列表将消失。 我似乎无法解决这个问题 – 我已经用Google搜索并遵循各种建议和示例,但无济于事。 我正在使用分类器将我的内容拆分为3列。 问题是因为我引用了2个jquery库吗? Superfish.js // initialise plugins $(document).ready(function () { jQuery(‘ul.sf-menu’).superfish(); //alert(“hello i am working… maybe or maybe not!”); }); Columnizer.js $(‘#wrapper’).columnize(); $(‘.wide’).columnize({ width: 200 }); 更新:这是问题的解决方案; 取出之前的参考文献并使用最新的CDN更新它确保它完美运行 – 我在我的webconfig中引用了.JS然后在页面后面编码。 P ..现在正在工作 – 感谢所有人的帮助。

使用jquery下拉文本框

是否有任何jquery插件提供下拉文本框function? 类似于http://lab.anotherdan.com/js/textdropdownlist/的东西在这个例子中,他正在使用ul和li项目……但是对于可以做同样的事情吗? 我不确定我问的是否可能。 所以对此有任何建议将不胜感激。

JqG​​rid在单元格中选择框

我试图让一个选择框在特定的单元格中。 我有复选框显示正常,但没有显示选择框。 $( ‘#list5’)。jqGrid的({ 数据类型:“local”, 宽度:“100%”, 身高:“100%”, colNames:[‘Universe1’,’Connect String1’,’Report1’,’Object Type1’,’Path1’,’Owner1’,’|’,’Universe’,’Select’,’Connect String’,’CheckBox’, ‘报告’,’对象类型’,’路径’,’所有者’], colModel: {name:’universe1’,index:’universe1’,width:70},{name:’connect1’,index:’connect1’,width:120}, {name:’report1’,index:’report1’,width:90}, {name:’objType1’,index:’objType1’,width:50,align:“right”}, {name:’path1’,index:’path1’,width:50,align:“right”}, {name:’owner1’,index:’owner1’,width:100,align:“right”}, {name:’pipe’,index:’pipe’,width:10,align:“center”}, {name:’universe’,index:’universe’,width:70}, {name:’ship’,index:’ship’,width:90,editable:true,edittype:“select”,formatoptions:{disabled:false},editoptions:{value:“FE:FedEx; IN:InTime; TN :TNT; AR:ARAMEX“}}, {name:’connect’,index:’connect’,width:120}, {name:’airPost’,width:40,index:’airPost’,formatter:’checkbox’,align:’center’,// Checkbox editoptions:{value:“1:0”},stype:’select’,editable:true,searchoptions:{value:“1:Yes; 0:No”},formatoptions:{disabled:false}}, {name:’report’,index:’report’,width:90}, {name:’objType’,index:’objType’,width:50,align:“right”}, {name:’path’,index:’path’,width:50,align:“right”}, {name:’owner’,index:’owner’,width:100,align:“right”} ] 标题:“网格”, autowidth:true, viewrecords:是的, footerrow:是的, userDataOnFooter:true, 数据:mydata });