Tag: 下拉菜单

CSS:当显示设置为none时没有DIV宽度

我正在制作一个下拉小部件的过程。 向下扩展的菜单设置为与父级相同的宽度(使用jQuery)。 窗口小部件按预期工作,但是,将它放在DIV容器中,初始显示设置为无。 显示此容器时,根据jQuery的所有下拉宽度都为零…如果默认显示容器,则所有容器都有效。 希望我的小提琴能够更好地说明我的意思: http : //jsfiddle.net/ruFzR/在结果窗格中; 顶部下拉列表位于容器外部,底部位于容器内部。 除了一些明显的样式问题,宽度不会扩大。

使用jQuery的自定义下拉面板

我正在尝试为以下内容找到jQuery解决方案: 通用下拉控件: 折叠时看起来像普通的选择框。 放下一个可以放置任何东西的自定义面板 我不是在寻找菜单控件,也不是可选择的样式或列表控件。 我需要一个控件,下拉面板可以容纳任何东西 – 而不仅仅是一个选项列表。

对象不支持属性或方法’selectbox’

我正在使用来自http://www.bulgaria-web-developers.com/projects/javascript/selectbox/的selectbox jQuery插件。 我在js文件中也有一个链接,其中包含以下代码: function loadTeams() { var responseArray, optionsOutput = ”; $.ajax({ type: “GET”, url: “/ajax/team”, dataType: “json”, success: function (response) { responseArray = response.array; for (var i = 0; i < responseArray.length; i++) { optionsOutput += '’ + responseArray[i] + ”; } $(“#teamSelect”).find(‘option’) .remove() .end() .append(optionsOutput); $(“#teamSelect”).selectbox({ speed: 100 }); }, error: function (xhr, […]

如何在页面加载时获取下拉列表的值

使用jQuery,如何在页面加载时在选择中获取所选项的值? 我可以在更改等上做,但无法弄清楚页面加载的方式。 这是我的代码: Basic Personal Basic Family Advanced Personal Advanced Family Optimum Personal Optimum Family 这是我用来获取选项值onchange的脚本: $(document).ready(function() { $(“#symb”).change(function() { var val = $(this).symbCost(0); }) $.fn.symbCost = function(pos) { var total = parseInt($(“option:selected”).val().split(‘#’)[pos]); return total; } });

如何使用jQuery检查选择框中是否未选择任何选项?

我试图看看是否在选择框中选择了一个选项,如果没有,我希望它提醒一个字符串。 我指的是这个链接( 检查是否使用jQuery选择了选项,如果没有选择默认值 ),但它不起作用。 这是我的代码: One Two Three if(!$(“#language option:selected”).length) { alert(‘no option is selected’); } 我几乎复制了链接的答案,但它仍然没有用。 我错过了什么?

如何在点击下拉菜单上制作CSS下拉菜单

如何制作以下css下拉菜单只接受点击下拉菜单? 例如,现在当鼠标hover“请选择”时。 出现第二层。 我想改为点击“请选择”,第二层出现。 click事件也应该适用于第二层菜单。 这是一个小提琴 我正在使用jquery但不知道如何做到这一点。 HTML代码 Please select Artificial Turf Indoor Outdoor Batting Cages Indoor Outdoor </ul​ CSS代码 /* LEVEL ONE */ ul.dropdown { position: relative; } ul.dropdown li { font-weight: bold; float: left; zoom: 1; background: #ccc; } ul.dropdown a:hover { color: #000; } ul.dropdown a:active { color: #ffa500; } ul.dropdown li […]

3下拉列表根据另一个中的选择进行填充

我是Java脚本的新手。 在这里,我有2个下拉小提琴的工作示例。 HTML: JavaScript的: var data = [ // The data [‘ten’, [ ‘eleven’,’twelve’ ]], [‘twenty’, [ ‘twentyone’, ‘twentytwo’ ]] ]; $a = $(‘#a’); // The dropdowns $b = $(‘#b’); for(var i = 0; i < data.length; i++) { var first = data[i][0]; $a.append($("”). // Add options attr(“value”,first). data(“sel”, i). text(first)); } $a.change(function() { var […]

将jQuery自动完成应用于克隆元素

我正在使用jQuery自动完成function ,它可以与现有元素一起使用,但不能使用动态添加的元素。 这是我的自动完成代码(我稍微改了一下) $(function() { (function( $ ) { $.widget( “ui.combobox”, { _create: function() { var self = this, select = this.element.hide(), selected = select.children( “:selected” ), value = selected.val() ? selected.text() : “”; var input = this.input = $( “.editableCombobox” ) // your input box //.insertAfter( select ) .val( value ) .autocomplete({ delay: 0, […]

使用jQuery更改标签的值

我有一个标签,costLabel。 我希望能够做的是根据下拉列表的选定值更改此标签的值。 这是我的HTML: Package* Standard – €55 Monthly Standard – €49 Monthly Premium – €99 Monthly Premium – €89 Monthly Platinum – €149 Monthly Platinum – €134 Monthly We bills quarterly/annually in advance See Pricing for more details Total Cost: 进入成本标签的值是 标准=“每季度165欧元” StandardAnn =“每年588欧元” 保费=“每季度297欧元” PremiumAnn =“每年1068欧元” 白金=“每季度447欧元” PlatinumAnn =“每年1608欧元” 我确实有以下代码,根据下拉菜单计算成本,但注册表单后来变得更简单(即折扣选择没有消失),我在调整jQuery时遇到了一些麻烦。 有人可以帮忙吗? $(function() { $(“#discountselection, […]

HTML JQuery .change无法正常工作

好吧,我不明白为什么这不起作用。 看起来很简单。 这是我的下拉菜单: <option value=/events.html?display_year=${years}selected=”selected”>${years} 这是JavaScript $(“#yearDropdown”).change(function () { alert(‘The option with value ‘ + $(this).val()); }); 现在我只是想让它工作,所以我可以添加function。 谢谢!