Tag: 下拉菜单

物化Navbar下拉菜单不起作用

由于某种原因,此部分中显示的下拉列表不起作用。 https://materializecss.com/navbar.html# ! 在控制台中没有错误,它只是不起作用,我已经研究并尝试了几个我发现github和codepen的解决方案,但似乎没有解决它,它可能是由库版本引起的吗? 我该怎么办? 这是我的代码 one two three Logo Sass Components Dropdownarrow_drop_down 和调用jquery后的脚本 $(document).ready(function(){ $(“.dropdown-trigger”).dropdown(); });

使用JQuery在JavaScript中通过Dropdown调用的Click事件

月份和年份有两个下拉列表。 根据年份,月份列表将发生变化。 这工作正常,但由于某种原因,我的“跨领域”没有得到更新。 问题是当用户选择一个月时,不会调用click事件。 注意:这一年是完美的。 隐藏下拉列表div function Dropdown (element) { $(“#month div, #year div”).hide(); // hide all dropdowns if (element) $(“#”+element+” div”).toggle(); // show dropdown of specified element } 逻辑显示列表取决于下拉年份值 function UpdateMonths(){ var temp = “”; if (parseInt(Get.Year()) <= 2012){ temp = "Month1″; }else{ temp = “Month9”; } return temp; } 显示月份或年份的列表 $(“#month span, #year […]

根据php jQuery中的下拉选项单击按钮时填充文本框

我的过程是这样的:我有一个下拉菜单和文本框。 当我从下拉列表中选择一个id(唯一ID)然后单击“提交”按钮时,要在文本框中显示相应的名称。 我的数据库字段: id (自动增量) AgencyName_id (唯一ID) 名称 dispay.html …Select… <option value="”> // for input text // submit button dataGet.php myjson.js $(document).ready(function(){ $(‘#agencyID_dwn’).change(function(){ var reg_number = $(this).val(); var data_String; data_String = ‘reg_number=’+reg_number; $.post(‘dataGet.php’,data_String,function(data){ var data= jQuery.parseJSON(data); $(‘#testid’).val(data.Name); }); }); }); 当我点击提交按钮时,我在“dataGet.php”中将数据库结果作为数组。但是在文本框中没有显示结果。我的代码中有任何错误吗?

从选项到span CSS类的值

我一直试图让这个工作几天了……令人大吃一惊。 我不是JavaScript / jQuery AT ALL的专家,所以放轻松,哈哈。 😉 我有9个值的下拉列表。 我也有一个类设置为’option0’的span。 下拉显然具有从1到9的值。我想在更改下拉列表时更改跨度的类。 如果使用下拉列表并选择了选项5,我希望跨度具有类’option5’。 这样做的最佳方式是什么? 感谢您的阅读,希望很快能收到您的回复。 C:

如何使用PHP将php变量从下拉列表传递到另一个下拉列表?

Toggle navigation Student Scheduling System Home Student Courses Subjects Student Student List Student ID First Name Last Name Course Year Section Section ID <?php $result = mysql_query("Select tbl_course.studno, tbl_course.studfname, tbl_course.studlname, tbl_coursetype.course_desc, tblyear.YearName, tblset.setname, tblset.ID from tbl_course, tbl_coursetype, tblyear, tblset where tbl_coursetype.course_no=tbl_course.studcourse AND tblyear.ID=tbl_course.studyear AND tblset.ID=tbl_course.studset", $connection); if (!$result) { die("Database query failed: " . mysql_error()); […]

jQuery使用简单的选择框过滤列表

我想用jquery或javascript过滤这个简单的LIST。 我找到的唯一例子就是这样的多个选择框 : http : //jsfiddle.net/EfEYQ/ 你能帮我么? Thx提前 Select by Country Australia Austria Brazil Canada KIDS AAAAAA 1 BBBBBB 2 CCCCCC 2 DDDDDD 1 EEEEEE 3 FFFFFF 4

使用PHP MySql jQuery将数据检索到ajax下拉菜单中

我使用Jquery/PHP/MySql创建动态多国家下拉列表。 这工作正常,我在MySql数据库中为每个用户store/put国家/州/城镇,如下所示(usertable) : id | country | state | town | 1 | 1 | 1 | 1 | 2 | 1 | 1 | 3 | 3 | 1 | 2 | 8 | 现在在edituser.php页面中我需要fetch/retrieve MySql数据(usertable)到我的Jquery / Ajax下拉列表。 我打电话给edituser.php?id=1现在我需要打印/显示用户数据以下拉dropdown Ajax来编辑国家/州/城镇用户。 我如何检索/打印/显示这个? JS: // jquery library file /*This function is called when state dropdown value […]

打开选择下拉到中间值

我想知道是否有人知道任何CSS或JS或JQuery魔术将允许下拉列表打开显示中间范围的选项。 我知道“selected”值,它控制加载select时显示的值。 我正在寻找的是一种方法,然后使用另一个值作为伪选择,以便弹出一个巨大的选项下拉列表默认为列表中间。 注册表单上DOB元素的特殊用途。 我们的大多数客户都在40多岁到60年代初期,但我们的下拉选择范围从1910年到2010年。理想情况下,当他们点击下拉列表时,如果可以打开以显示20世纪60年代的范围,那将是很好的。 从而减少了他们需要做的滚动量。

如何使用Jquery下拉菜单延迟隐藏菜单?

我有一个工作正常的下拉菜单,但我希望如此,如果我将鼠标hover在菜单上,它不会立即再次隐藏。 所以基本上我想要一秒钟的延迟。 我读过有关setTimeout的内容,但不确定它是否是我需要的? $(‘#mainnav a’).bind(‘mouseover’, function() { $(this).parents(‘li’).children(‘ul’).show(); }); $(‘#mainnav a’).bind(‘mouseout’, function() { $(this).parents(‘li’).children(‘ul’).hide(); });

通过下拉值对表进行排序(简化我的代码)

我有一张桌子。 我希望用户能够通过他们在给定下拉列表中选择的选项来过滤表格。 我有它的工作,但它很麻烦,很难添加新的行(不能让它在jsfiddle工作,抱歉http://jsfiddle.net/anschwem/Y4cf6/2/ )。 任何简化的代码将不胜感激。 此外,如果此代码仅限于过滤某个表,那将是很好的,所以我可以有很多表和许多下拉。 如果这可以在没有行ID的情况下完成,甚至更好。 谢谢! 我的表/ html: cats cats dogs birds dogs Select… Cats Dogs Birds 码: $(window).load(function(){ $(‘select’).change(function() { if($(‘#selectFilter option:selected’).attr(‘id’) == “sel_All” || $(‘#selectFilter option:selected’).attr(‘id’) == “sel_All”){$(‘#catRow’).show();$(‘#catRow2’).show();$(‘#dogRow’).show();$(‘#dogRow2’).show();$(‘#birdRow’).show();} if($(‘#selectFilter option:selected’).attr(‘id’) == “selCats” || $(‘#selectFilter option:selected’).attr(‘id’) == “selCats”){$(‘#catRow’).show();$(‘#catRow2’).show();$(‘#dogRow’).hide();$(‘#dogRow2’).hide();$(‘#birdRow’).hide();} if($(‘#selectFilter option:selected’).attr(‘id’) == “selDogs” || $(‘#selectFilter option:selected’).attr(‘id’) == “selDogs”){$(‘#catRow’).hide();$(‘#catRow2’).hide();$(‘#dogRow’).show();$(‘#dogRow2’).show();$(‘#birdRow’).hide();} if($(‘#selectFilter option:selected’).attr(‘id’) == “selBirds” || […]