Tag: 下拉菜单
KnockoutJS：动态填充下拉列表
我是KnockoutJS的新手，我用dropdownlist做了简单的事情，填充和使用静态数据但是现在需要动态地执行两个事情dropdownlist 1.想要动态填充下拉列表（比如任何列表），我们可以从我的控制器获取此列表。 var InsertVal = function(name, id) { this.pname = name; this.pid = id; }; var Valuess = function() { $.ajax({ dataType: “json”, url: “getParentCategory.do”, success: function (data) { for(i=0;i<data.length;i++){ totalval.push(new InsertVal(data[i].parentCategoryName,data[i].parentCategoryId)); } handledata(totalval); } }); }; var handledata= function(totalval){ console.log("!!@#"+totalval); return totalval; } var obj={ parentCategory : ko.observableArray(Valuess()), chosenParentCategory : ko.observableArray() }; ko.applyBindings(obj); You […]
使用jquery或javascript根据以前选择的下拉值禁用下拉选项？
我有三个相同选项的下拉菜单。 我想要的是，当我从下拉列表中选择一个选项时，其他两个下拉列表中的相同选项将被禁用，除了第一个选项（选项“选择一个”）。 为此，我使用以下逻辑，但是当一个下拉列表被选择为一个值而不是从剩余的两个下拉列表中禁用该选定值时，它禁用所有这三个下拉列表，这是我不想要的。 禁用值应该发生在剩余的值上，但不会发生在当前的下拉列表中。 我怎样才能做到这一点？ Select One 1 2 3 4 5 6 7 Select One 1 2 3 4 5 6 7 Select One 1 2 3 4 5 6 7 $(“select.positionTypes”).change(function () { $(“select.positionTypes option[value='” + $(this).data(‘index’) + “‘]”).prop(‘disabled’, false); $(this).data(‘index’, this.value); $(“select.positionTypes option[value='” + this.value + “‘]:not([value=”])”).prop(‘disabled’, true); }); 这里是小提琴链接https://jsfiddle.net/3pfo1d1f/4/
使用Jquery的多级下拉菜单
我想用jQuery设计一个多级菜单。 我已经写了一些代码。你可以在这里看到演示。 这一切都很好。 但我想动态制作多级下拉菜单。 脚本 $(‘ul#menu > li’).hover(function(){ //$(‘#drop’ , this).css(‘display’,’block’); $(‘.drop’ , this).delay(20).slideDown(200); }, function(){ $(‘.drop’ , this).delay(20).slideUp(200); }); HTML Home About us About us About us About us about Home Home Home Home CSS ul#menu { margin:0; padding:0; } ul#menu > li { list-style:none; float:left; margin:0; padding:0; position:relative; } ul#menu a { […]
在Yii中显示自动填充中的自定义布局
我的问题是，我想自定义autocomplete的下拉列表.Below是我尝试过的代码，但它没有显示我想要的。 widget(‘zii.widgets.jui.CJuiAutoComplete’, array( ‘name’=>’autoComplete’, ‘value’=>”, ‘source’=>$this->createUrl(‘post/search’), // additional javascript options for the autocomplete plugin ‘options’=>array( ‘showAnim’=>’fold’, ),’htmlOptions’=>array( //’onfocus’ => ‘js: this.value = null; $(“#searchbox”).val(null); $(“#selectedvalue”).val(null);’, ‘class’ => ‘input-xxlarge search-query’, ‘placeholder’ => “Search…”, ‘methodChain’=>’.data( “ui-autocomplete” )._renderItem = function( ul, item ) { return $( “” ) .data( “item.autocomplete”, item ) .append( “” + item.name + “” […]
将jQuery Drop Downs添加到可变长度数据输入页面
嘿所有，我正在创建一个条目表单，允许一个人为请求添加多天。 每个请求可以附加1天或更多天，每天都有一些选项可以提交表单。 我正在使用此处描述的方法来实现此目的。 现在，我想开始做一些更高级的UIfunction，比如使用JSON数据源来构建具有父子关系的下拉列表。 我仍然是一个非常新的Web开发（来自IBM i绿屏开发）所以我仍然通过示例和教程学习。 我发现很多只有一组的父子下拉的例子，但是我需要这个来处理任意数量的行以及页面上添加的所有新行，同时能够显示正确的选定值加载编辑页面时的每一行。 最重要的是，我想在做出某些选择时，揭示一些新的领域。 这是我到目前为止： （这是屏幕截图是基于不担心最终function，只是让它工作。孩子下拉目前显示一切。） 请求类型选择您要采取的假期类型。 使用小时类型根据输入到“请求类型”的内容获取列表。 我对上面的问题是让它在单击“添加日”时添加新行。 然后，挑战是根据请求类型显示/隐藏第二行。 如果一个人选择病态 – 员工疾病，疾病的性质应该显示，如果他们选择另一个选项，它显示疾病和关系的性质。 如果他们选择度假，他们不应该看到任何一个字段。 我为这些列表设置了JSON。 我包含了定义显示哪个选项的字段。 [{“Id”:11,”Title”:”Employee Illness”,”ParentId”:10,”MapToCode”:”02″,”HasRelationship”:false,”HasNatureOfIllness”:true,”ChildRequired”:false,”Notes”:””,”AccrualCode”:”S”}, {“Id”:1,”Title”:”Vacation”,”ParentId”:0,”MapToCode”:”04″,”HasRelationship”:false,”HasNatureOfIllness”:false,”ChildRequired”:false,”Notes”:””,”AccrualCode”:”VAC”}] 我知道这对新手学习和弄清楚是很多的。 有没有人这样做，愿意分享或知道一个教程，甚至可以指出我正确的方向？ （即使是正确的术语）到目前为止，我对此的搜索失败了。
Jquery cookie记住下拉菜单的最后状态
任何人都可以帮助我，我无法在互联网上找到一个在jQuery中执行此操作的脚本。 我需要记住下拉菜单的最后一个状态，以便在页面加载时已经选择了下拉选项。 Cookie到期日期应为90天，或者让我在脚本中指定。 由于我已经在我的页面上使用jQuery，我希望这个cookie脚本使用jquery，jquery cookie插件。 先感谢您。 我不是程序员，但我试试。 1 2 3
谷歌图表重绘onclick
我正在尝试制作一个图表，通过各种下拉菜单和日期选择器可以从中选择数据。 我似乎找不到在点击事件中传递图表中的新数据的方法。 到目前为止我已经开始工作了onClick，它绘制了一个全新的图表。 但这似乎不是我的方式。 那么有另一种方法可以做到这一点吗？ HTML： Jaar 2015 2014 2013 JS： google.load(“visualization”, “1”, {packages:[“corechart”], “callback”: drawChart}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ [‘Task’, ‘Hours per Day’], [‘Work’, 1], [‘Eat’, 22], [‘Commute’, 32], [‘Watch TV’, 42], [‘Sleep’, 75] ]); var options = { chartArea: {width:’100%’,height:’100%’}, forceIFrame: ‘false’, is3D: ‘true’, pieSliceText: ‘value’, sliceVisibilityThreshold: 1/20, // […]
如果靠近窗口边缘，则重新定位下拉菜单
我正在使用以下代码重新定位我的下拉菜单，如果它们落在浏览器窗口区域之外。 但是它在Internet Explorer 7和8中不起作用。 jQuery(document).ready(function(){ jQuery(“#nav>ul>li”).each(function() { pos = jQuery(this).offset(); if(pos.left + 100 > jQuery(window).width()+window.pageXOffset-jQuery(this).width()) { jQuery(this).addClass(“nav-shift”);} }); });
为什么选择下拉列表不允许我单击IE项目但在Firefox，Chrome等中正常工作？
我正在使用jquery mega下拉菜单插件 。 在其中一个菜单中，我想添加一个下拉框。 它在Firefox，Chrome中运行良好（如下面的截图所示） 但是在IE中，当我点击选择下拉列表并将鼠标hover在选择项中的某个项目上超过一秒钟时，整个菜单就会消失（就像它认为我不再盘旋在菜单上一样）。 我能够在这个例子中重现这个问题（点击“销售”） 有关如何在jquery mega菜单上显示选择下拉列表的任何建议
根据另一个下拉列填充struts2 jQuery grid dropdown列
我在发帖前搜索过这类问题。 发现的大多数答案与struts2 jQuery网格无关。 这是我的情况： 我已经成功地在初始加载时动态填充了我的下拉框。 现在我想根据另一个下拉框中的选择重新加载一个下拉框。 我正在寻找使用属性/主题的内置解决方案，但我找不到一个。 任何人都可以分享任何解决方案吗？ 这是我的代码： 非常感谢您的帮助。
