Tag: 下拉菜单

使用JSON数据填充下拉菜单

我正在使用AJAX来根据另一个下拉列表的选择来填充下拉框。 我在这里使用了jQuery的教程 – http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/并更改了选择框名称中的选择框ID名称在脚本中。 当主复选框的值发生变化时,发送ajax并返回如下: {“1″:”Kieran Hutchinson”,”2″:”Caleb Tan”,”3″:””} 这与教程代码中返回的JSON字符串略有不同,如下所示 [{optionValue:10, optionDisplay: ‘Remy’}, {optionValue:11, optionDisplay: ‘Arif’}, {optionValue:12, optionDisplay: ‘JC’}] 我认为这是问题,但我不知道如何从我的JSON响应中获取正确的值。 javascript如下: $(function(){ $(“select#ContactCompanyId”).change(function(){ $.getJSON(“contactList”,{id: $(this).val(), ajax: ‘true’}, function(j){ var options = ”; for (var i = 0; i < j.length; i++) { options += '’ + j[i].optionDisplay + ”; } $(“select#QuoteContactId”).html(options); }) }) }) 提前致谢

在回发时保留选定的下拉选项

即使页面刷新后如何保留从下拉列表中选择的内容,以便用户知道他/她使用jquery选择了什么? 还是javascript? Select Hospital All Hospitals Dyer Carmel

使用ASP.Net MVC3中的jQuery动态填充下拉列表

我有两个型号: public class ProfessorModels { public string FullName { get; set; } public int ID { get; set; } } 和 public class ClassModels { public int ID { get; set; } public string Professor { get; set; } public decimal Name { get; set; } } 在我的视图中有一个表单来添加类: @model MvcApp.Models.ClassModels @{ ViewBag.Title = “Create”; } […]

使用json对象填充下拉列表

我已经设法使用json对象填充我的下拉菜单,该工作正常。 目前我正在尝试根据从下拉列表中选择的选项显示隐藏div中的图像。 由于json对象填充了下拉列表,我将如何检索图像数据。 HTML pod Cars Select type JSON文件 { Cars: [{ “CarType”: “BMW”, “carID”: “bmw123” }, { “CarType”: “mercedes”, “carID”: “merc123” }, { “CarType”: “volvo”, “carID”: “vol123r” }, { “CarType”: “ford”, “carID”: “ford123” }] } 这是我使用jquery填充下拉菜单的方法。 $(document).ready(function() { $.getJSON(“../cars.json”, function(obj) { $.each(obj.cars, function(key, value) { $(“#dropDownCars”).append(“” + value.carsName + “”); }); }); }); jfiddle中的任何工作示例都将非常感谢! […]

显示基于先前下拉列表的下拉值

我有以下表单字段: Carrier Sold: Metlife Travelers 如果我选择值Metlife,我需要将Bill,Full作为我的下拉值。 如果我选择旅行者,我需要获得EFT,RCC作为我的下拉值。 Payment Plan: 最后,如果我从上面的2个下拉列表中选择Metlife和Bill,我需要在下面显示一个单选按钮。 Is minimum DP required? Yes No 否则不要显示单选按钮。在jquery中有点压倒性的。 有人能指出我正确的方向

和firefox上的jQuery change()

我有一个下拉列表,当它改变时触发ajax调用: $(‘.travel-to’).change(function(){ $.ajax({ type: “GET”, url: “/inc/rates/rates-viewer.php”, data: “shtech=y&c_name=”+escape($(this).val()), success: function(html){ $(“.rates-viewer”).html(html); $(“.rates-viewer tr.numbers td”).css({ opacity: 0 }).fadeTo(“slow”,1); } }); }); 我的问题是,在Firefox中,使用上/下光标键循环显示下拉选项,不会触发js onChange()事件。 它在IE中没问题。 如何让Firefox将上/下游标视为onChange ? 我可以做一个/或者在事件上,使onChange或keypress触发同样的事情吗? 谢谢。

在jQuery中显示选择下拉列表?

可能重复: 如何以编程方式告诉HTML SELECT下拉(例如,由于鼠标hover)? 是否可以使用jQuery显示select元素的下拉列表? 我尝试使用$(‘#dropdown’).click(); ,但它没有效果。

如何在datalist html5中显示文本而不是值

1 2 3 4 5 http://jsfiddle.net/j7ehtqjd/1/ 我附上了一个小提琴。 请检查。 我想要实现的解决方案是当我单击下拉列表时显示该值,但我希望显示文本1,2,3,4,5。 我必须使用json响应来解决我的实际问题。只应显示文本,并且值应该像常规下拉列表一样隐藏。 此自动完成function是必要的,否则我将使用正常的下拉菜单。

如何使用Modelform和jquery在django中获得相互依赖的下拉列表?

我是django和jquery的新手。 我正在开发一个基于django的应用程序,我在表单中有3个下拉菜单。 1.校园2.学校3.中心 等级是校园有学校和学校有中心。 我想将这些下拉列表链接起来。 例如,我有3个校区,比如Campus1,Campus2,Campus3。 如果我选择Campus1,我应该只选择校园1中的学校并继续学习,如果我选择了School1,那么我需要能够选择School1的中心,所有其他选项都应该隐藏起来。 我在网上搜索并试过这个http://blog.devinterface.com/2011/02/how-to-implement-two-dropdowns-dependent-on-each-other-using-django-and-jquery/但它似乎不适合我。 我还检查了这个http://www.javascriptkit.com/script/script2/triplecombo.shtml,但由于我使用ModelForm来创建表单,这不符合我的需要。 请指导我这样做。 谢谢

触发器单击hover时的选择框

我正试图让一个select框在用户盘旋时自动弹出,好像他们点击了它一样。 这可能吗? 我想我可以用jQuery轻松做到这一点…… $(“#settings-select”).mouseover( function(){ $(this).trigger(“click”); } ); 但这没有任何作用。 有任何想法吗?