Tag: select

IE字体大小减小不会导致选择框高度降低

我的页面上有一个字体大小调整function,通过javascript增加整个页面的字体大小。 这在IE以外的大多数浏览器中都能正常工 在增加字体大小后减小字体大小时,即使字体大小减小,选择框的新高度也不会减小。 相反,较小的字体似乎用空格填充。 关于IE在这里做什么的任何想法,以及解决方法? function setFontSize(newFontSize) $(‘select’).css(“font-size”, newFontSize); }

动态生成的选项选项的问题

所以我有一个简单的页面(html),使用jquery我使用php文件加载到一个选择。 代码如下:HTML: Refresh MyApp Select product Choose the product: 我用来填充select的脚本(当然位于HEAD部分)是: $(document).ready(function() { $.ajaxSetup ({ cache: false }); var ajaxLoader = ”; var loadUrl = “loadproducts.php”; $(‘#prodselect’).toggle(‘fast’, function() { $(this).html(ajaxLoader); $(this).toggle(‘fast’, function() { $.get(loadUrl, function(data){ $(‘#prodselect’).html(data); },’html’); }); }); $(‘#prodselect’).selectmenu(‘refresh’); }); 现在脚本正在调用的php文件(loadproducts.php): <?php session_start(); include "/tmp/conexiune.php"; $pql = mysql_query("select * from products order by name"); $isfirst […]

jQuery on change仅显示所选选项,删除/禁用其余选项

目标:从选择下拉菜单中,如果有人选择了某个选项,请在该下拉菜单中禁用/删除/隐藏其余选项。 这是下拉菜单。 如果有人选择“1”,其余选项(2,3,4)将被删除/禁用/隐藏: 1 2 3 4 这是我试图使用的JavaScript: $(‘.selectDropdown’).on(‘change’, function(e) { $(this).closest(‘.abc’).children(‘.xyz’).children(‘option:not(:selected)’).prop(‘disabled’, true); }); 我知道,JavaScript在这里有问题。 我在哪里弄错了?

jQuery – 按值隐藏选项元素

试图隐藏列表中的选项元素。 我尝试了几种方法,似乎无法工作。 我需要按名称调用select,因为我无法添加ID或类。 $(‘select[name*=”boxes”] option[value=”box6″]’).hide(); 这里的小提琴: http : //jsfiddle.net/q2nb08t6/ 有什么建议?

根据先前的选择禁用选项

我有四个标签。 它们如下: Select Milk Eggs Cheese Butter Pizza Select Milk Eggs Cheese Butter Pizza Select Milk Eggs Cheese Butter Pizza Select Milk Eggs Cheese Butter Pizza 这四个应该具有独特的选择,尽管它们具有相同的项目集。 所以使用jQuery,如何禁用已选择的选项? 确切地说,我需要从标签中获取四个值。 解决方案和问题 当前的问题有一个解决方案,但它有一个限制。 检查我的答案以获得解决方案。 此解决方案不可扩展。 如果有四个 ,则应该有四个变量,并且手动过程使它们变得乏味。 期待更好的解决方案。

如何获得选择元素的价值以及如何对变化采取行动?

jQuery中的change()事件有问题: $(“select[name=cmm]”).change(function(){ total(); }); 由于某种原因,没有使用上面的代码调用“total”函数。 HTML代码是: none the first the second 我指的是错误的方式或元素? 或者以错误的方式调用函数? 更新:这里的警报function没有显示,所以我猜测永远不会调用更改事件.. $(document).ready(function() { $(“select[name=cms]”).change(function(){ total(); alert($(“select[name=cms]”).length); }); }); (是的,我一直在使用doc-ready)

Bootstrap Select – 重新初始化动态添加的元素

我正在使用Bootstrap Select( http://silviomoreto.github.io/bootstrap-select/ )显示我网站每个部分的Font-Awesome图标下拉列表。 我添加了添加新部分的function – 当点击添加按钮时,会添加一个新部分(上一部分的副本)。 在本节中,Bootstrap Select不起作用。 我尝试重新开发它,如: var select = $(‘[name=”section[‘+ numbersection +’][section_icon]”]’); $(select).selectpicker(‘destroy’); $(select).selectpicker({ showIcon: false }); 但这不起作用,因为detroy方法似乎没有触发。 有没有办法在动态添加的元素上重新启动Bootstrap Select?

jQuery Chosen:如何选择1个选项值并在另一个选择菜单中删除相同的值?

我把2个元素放在彼此旁边。 他们都使用jQuery Chosen插件。 这是代码: 1 2 3 4 5 6 1 2 3 4 5 6 这是Javascript。 jQuery库,最新的Chosen插件和CSS都包含在课程中。 $(‘.chzn-select’).trigger(“liszt:updated”); $(‘.chzn-select’).chosen().change( function() { var selectedValue = $(this).find(‘option:selected’).val(); $(this).parent().find(‘option[value=”‘+ selectedValue +'”]:not(:selected)’).attr(‘disabled’,’disabled’); }); 这是我想用上面的脚本完成的。 有两个具有相同值的选择元素。 例如,当在元素1中选择值“1”时,我想在元素2中禁用它。 然而。 在我取消选择元素1中的值“1”之后,它仍然在元素2中被禁用。这不是我想要的。 取消选择第一个元素中的值后,另一个值应该可用。 有谁知道如何做到这一点? 编辑 我现在在这里建立一个JSFiddle: http : //jsfiddle.net/dq97z/3/ 。 任何帮助将非常感激!

如何重新加载jquery dropkick对象

我使用一个简单的选择列表和jquery.dropkick库来使它美丽。 现在我想在更改相应的select元素后更改该dropkick内容(一个新选项进来)。 但只需调用$(’#select’)。dropkick(); 不起作用。 看起来它不受支持。 仅仅从头开始重建那个dropkick就足够了。 有没有可能“破坏”那个dropkick对象,然后通过调用.dropkick()方法重建它?

HTML选择标记显示10个选项的垂直滚动

我想制作一个这样的选择框 有10个选择选项,当我尝试添加超过15个选项时,它会显示垂直滚动条,但是当它有10个选项时不显示。 有没有办法实现这一目标。