Tag: 下拉菜单

如何设置或覆盖下拉菜单的默认hover颜色?

我知道,不知怎的,你可以做到这一点。 我只是不确定。 我最好想要覆盖选择菜单(下拉菜单)的默认蓝色hover,这样我就可以添加一个box-shadow:inset 0 0 3px 3px到我的选项。 那么,JavaScript,JQuery,(最好)CSS? 我对JavaScrip和JQuery了解不多……我还没有那么远,但是对这个问题的任何帮助都将不胜感激。 谢谢! http://lrroberts0122.github.com/DWS/lab6/level-1/

仅使用jquery或javascript的条件下拉列表

仅使用jquery或javascript的条件下拉列表 场景:我有一个主下拉列表,如果我在下拉列表中选择’dropdownmain1’,它将显示’dropdownmain1’的下拉列表对应的值 dropdownmain1 dropdownmain2 dropdownmain3 dropdownmain4 //if selected dropdownmain1 this dropdown will display dropdownmain1-submenu1 dropdownmain1-submenu2 dropdownmain1-submenu3 dropdownmain1-submenu4 //if selected dropdownmain2 this dropdown will display dropdownmain2-submenu1 dropdownmain2-submenu2 dropdownmain2-submenu3 dropdownmain2-submenu4 //if selected dropdownmain3 this dropdown will display dropdownmain3-submenu1 dropdownmain3-submenu2 dropdownmain3-submenu3 dropdownmain3-submenu4 //if selected dropdownmain4 this dropdown will display dropdownmain4-submenu1 dropdownmain4-submenu2 dropdownmain4-submenu3 dropdownmain4-submenu4 这可能只使用jquery或javascript吗?

AJAX完成后运行SQL查询

我目前有2个html下拉菜单。 一旦我从中选择,它就会过滤HTML表格中的数据,并根据选择显示数据。 我还可以对每一行进行更改,通过单击保存按钮,运行更新表的更新查询。 之后,运行该更新,我希望它重新运行用于根据下拉列表选择过滤结果的相同查询,以便您可以在单击“保存并运行”后查看所选内容的最新结果。更新声明。 现在,你可以看到我有window.location.href = window.location.href; 在我的AJAX函数中成功回调,但是重新加载整个页面并运行在页面加载时显示的默认查询,因此这对我不起作用。 在下拉选择之后过滤表结果的所有查询都在我的dropdown-display.php页面中,一旦我选择了某些内容,就会调用该页面。 HTML下拉菜单: Collector Name fetchAll() as $name) { ?> <option class="choice" value="”> Bill Date fetchAll() as $date) { ?> <option class="choice" value="”> JavaScript(index.js): $(document).ready(function () { $(‘.save’).click(function (event) { var $row = $(this).parents(‘tr’); var acct = $row.find(‘td[name=”account”]’).text(); var date = $row.find(‘td[name=”date”]’).text(); var checked = $row.find(‘input[name=”selected”]’).is(‘:checked’); var currency […]

如何隐藏未单击的ul并在Jquery中显示子菜单?

我有一个使用HTML列表的下拉菜单。 jquery代码在第一级工作正常,但是当我尝试使用子菜单单击列表上的某些内容时,它会关闭并重新打开相同的列表。 除了点击的列表外,我怎样才能打开它? // Document Listening $(document).ready(function () { // JQuery running fine, don’t need CSS trick for dropdown // Remove the class of child and grandchild, this removes the CSS ‘falback’ $(“#nav ul.child”).removeClass(“child”); $(“#nav ul.grandchild”).removeClass(“grandchild”); // When a list item that contains an unordered list is hovered on $(“#nav li”).has(“ul”).click(function (e) { $(“#nav li”).children(“ul”).not(e.target).slideUp(“fast”); […]

根据2个下拉选项显示特定文本输出

我想显示两个文本字符串,具体取决于用户从两个下拉列表中的选择。 所以有两个下拉选项: 对于每个月的选项,我想要一个相应的值。 因此,对于1月选项,该值将为“1月名称”。 对于每种颜色选项,还有相应的值。 因此对于绿色选项,值为“绿色名称”。 一旦用户选择了两个选项(月份和颜色),我希望输出显示具有两个值的串联的文本。 例如,如果我选择January和Green,输出将为: 如果我将月份更改为其他内容,则名称将相应更新。 我把一些html / css代码放在一起作为开始http://jsfiddle.net/baumdexterous/ys3GS/ 。 如果有人能够了解如何使用jquery完成这项任务,我将不胜感激! 另外 – 如何使文本输出淡入? 非常感谢!!! Find your Animal Name Select your birth month and your favorite color and find your animal name. – birth month – January February March April May June July August September October November December January Name February Name […]

在刷新时显示隐藏的div

我正在努力弄清楚如何使我的代码正常运行。 我目前有一个div在加载时隐藏,一旦从dropbox中做出选择就会更改。 从保管箱中选择(美国)后,将显示隐藏的div,并且用户将继续填写表单。 当用户保存表单时,我的问题就出现了,然后回到那个页面 – > div不再可见(我相信这是因为它的固有显示值设置为“none;”)。 用户必须再次从下拉列表(美国)中选择适当的值才能查看div。 我想知道如果在Dropbox中正确的值,我可以在页面刷新时使div可见。 我在HAML编程,所有选项值(美国,国际)都位于constants.rb文件中。 我相信这可以通过cookie(我希望尽可能避免)或者通过页面加载时的某种jscript / jqueryvalidation来实现…不幸的是我对这些事情都不熟悉,所以我请求任何帮助。 我真诚地感谢您抽出宝贵时间帮助我。 谢谢! HAML代码: = f.select :location, LOCATIONS, {}, :onChange => “showStates(this)”, :prompt => true #states_div{:style => “display:none;”} %div{:class => “label_leftalign field”} = f.label :state, “State” = f.select :state, STATES, :prompt => true 使用Javascript: function showStates(obj) { if(obj[obj.selectedIndex].value == ‘United States’) { document.getElementById(‘states_div’).style.display […]

Yii:自定义CAutoComplete的结果

我需要使用CAutoComplete创建一个下拉列表。 一切都设置好了,这是我的行动代码: request->isAjaxRequest && isset($_GET[‘q’])) { $name = $_GET[‘q’]; $criteria = new CDbCriteria; $criteria->condition=’`Character` LIKE :keyword’; $criteria->params=array(‘:keyword’=>”$name%”); $criteria->limit = 5; $suggestions = zCharacter::model()->findAll($criteria); $returnVal = ”; foreach($suggestions as $suggestion) { $returnVal .= $suggestion->Character.”\n”; } if (isset($suggestion)) { echo $returnVal; } $criteria->condition=’`Character` LIKE :keyword’; $criteria->params=array(‘:keyword’=>”%$name%”); $criteria->limit = 5; $suggestions = zCharacter::model()->findAll($criteria); $returnVal = ”; foreach($suggestions as […]

如何使用jQuery在selectbox中选择一个值?

我有一个多选下拉框和一个输入如下: Hot Offer Best Offer Special / Festival Offer Side Offer Top Offer Megha classified Offers Buy One / Get One Offer Inagural Offer 现在我希望在没有页面刷新的情况下提供 offer_type的选定值。 与Jquery。

将值分配给下拉列表项并显示在标签中

我有一个下拉列表,我想要做的是为下拉列表中的项目赋值,然后根据选择的项目在标签中显示这些值。 这是我已经拥有的: Package* Standard – €55 Monthly Standard – €49 Monthly Premium – €99 Monthly Premium – €89 Monthly Platinum – €149 Monthly Platinum – €134 Monthly We bill quarterly/annually in advance See Pricing for more details Total Cost: 我当前的jQuery代码将标签的值更改为下拉列表的ACTUAL内容,但是我想将以下值分配给下拉列表的内容: 标准=“每季度165欧元” StandardAnn =“每年588欧元” 保费=“每季度297欧元” PremiumAnn =“每年1068欧元” 白金=“每季度447欧元” PlatinumAnn =“每年1608欧元” 这样,当用户选择某个包时,总价将显示给他们,因为他们要么提前每季度支付,要么每年提前支付。 当他们到达付款页面时试图防止冲击! 这是我的jQuery: $(document).ready( function() { […]

禁用下拉菜单中的链接但保留css

我在jsfiddle上有以下菜单: http : //jsfiddle.net/aL7Xe/1000/ 我禁用了“Bewerkingen”链接: a[href=”/test4/disabled”] { pointer-events: none; } 因为它是一个下拉菜单,但当我使用该代码时,我的css似乎消失了,我该如何解决这个问题呢? 或者我应该使用什么代码来禁用该链接,但仍然有我的下拉菜单和css吗? 我正在使用Drupal所以在链接中使用#是行不通的 在此先感谢任何帮助:)