Tag: html select

如何在IE中使用JQuery隐藏和显示SELECT选项

我试图隐藏下拉菜单中的一些选项。 JQuery的.show() .hide()和.show()在Firefox和Chrome中运行良好,但在IE中没有运气。 有什么好主意吗?

jQuery从JSON创建选择列表选项,不像广告中那样发生?

为什么这不起作用(在空选择列表上操作 $(function() { $.getJSON(“/RequestX/GetRequestTypes/”, showRequestTypes); } ); function showRequestTypes(data, textStatus) { $.each(data, function() { var option = new Option(this.RequestTypeName, this.RequestTypeID); // Use Jquery to get select list element var dropdownList = $(“#requestTypes”); if ($.browser.msie) { dropdownList.add(option); } else { dropdownList.add(option, null); } } ); } 但这样做: 更换: var dropdownList = $(“#requestTypes”); 使用普通的旧javascript: var dropdownList = […]

是否可以将选择菜单转换为按钮?

我有一个简单的选择菜单,例如 Would you recommend this company? Yes No 我要求用户反馈,它目前通过一个简单的表单提交function,现在它是2013年我喜欢使它成为2个按钮,例如“Thumbs Up”或“Thumbs Down”(选择时突出显示)/ interchangable(例如can一次选择2)。 到目前为止……但它并没有真正应用选择值或“选定”效果: http://jsfiddle.net/mBUgc/18/ 我最接近的是以下…将选择的菜单转换为星级评分… – 但它并不是真正可用的,所以希望有人可以帮助/指向正确的方向或一些代码示例。 http://netboy.pl/demo/jquery-bar-rating/examples/

jQuery和css:使用某个css类隐藏/显示选择选项

在html代码中我选择了这样的选项: Value1 在jQuery中: var cod = $(this).val(); // This is the value of another select: when the value $(“option[class^=myclass]”).hide(); $(“option[class^=myclass]”).each(function () { $(“option[class^=myclass” + cod + “]”).show(); }); 编辑 我有两个选择。 当我在第一个选择中选择一个值时,必须相应地填充第二个值(我必须阻止ajax调用)。 我将所有第二个选择值放在会话var中,但我的问题是只选择那些与第一个选择相关的值,所以我试图通过css类。 EDIT2 Choose… Value1 Value2 Value3 Choose… Value11 Value12 Value13 Value21 Value22 Value23 Value31 Value32 Value33 EDIT3 对我来说,绿色的解决方案是好的,但IE上有一个问题,我没有成功解释:当我使用后退按钮时,用户选择的值是“丢失”,也就是说,如果我登录控制台的用户选中的值,我在新的克隆选择中看到它的“索引”。 在html源代码中,有整个原始选择。 EDIT4 我解决了这篇文章 https://forum.jquery.com/topic/jquery-select-box-selectedindex-problems-in-internet-explorer-ie-on-refresh-and-back-buttons

CasperJs和Jquery用链式选择

我正在尝试为一个网站创建一个测试用例,其中包含一个包含3个链式选择的表单。 加载网页时默认填充第一个选择。 如果选择了第一个选择中的任何选项,则通过ajax调用填充第二个选择。 以相同的方式,当在所选的第二个选项上选择一个选项时,通过ajax调用填充第三个选项。 最后,当在第三个选择上选择一个选项时,将使用我需要validation的信息填充html表。 三个互连的选择具有此结构 Option1 Option2 Option3 我确信该网站使用Jquery来进行ajax调用。 有人用或知道用casperJs创建这个案例的干净方法吗?

如何在表单提交后保留级联下拉列表选定的项目?

当页面加载一切正常。 但是当我提交表单时,我的下拉列表在页面刷新后丢失了之前选择的项目。 如何修改我的函数以初始化下拉列表并保留以前选定的项目(两者都存在)。 这是我用javascript初始化我的下拉列表的视图: @model Models.Book @{ ViewBag.Title = “Index”; } @section scripts { $(function() { $.getJSON(“/Home/Books/List”, function(data) { var items = “——————–“; $.each(data, function(i, book) { items += “” + book.Text + “”; }); $(“#Books”).html(items); }); $(“#Books”).change(function() { $.getJSON(“/Home/Chapters/List/” + $(“#Books> option:selected”).attr(“value”), function(data) { var items = “——————–“; $.each(data, function(i, chapter) { items += […]