Tag: html select

点击事件不适用于Chrome浏览器中的html选择选项标记: 我想在选择选项标签上触发单击事件（而不是更改事件）。选择选项标记上的点击事件仅适用于Firefox浏览器而非谷歌浏览器。我花了很多时间来解决这个问题仍然没有成功。任何人都可以帮我解决这个问题。提前完成。

jquery将嵌套的单选按钮列表转换为带有optgroup标题的下拉列表: 我已经在SO上看到了更多的post ，这些post正在寻找一个链接列表并将它们变成一个下拉列表。我已经采用了这些例子，并没有太多的运气将它们应用到我的标记，这有点不同。我需要使用标签打开带有标签的嵌套列表，并将它们转换为带有标题的下拉列表，删除嵌套的无线电输入和标签。基本上我正在使用的单选按钮列表是一个非常失控，一个干净的下拉列表将是更好的可用性和屏幕空间。处理完转换后，计划是隐藏原始单选按钮集，然后将用户下拉选项映射到相应的单选按钮，以便在提交表单时进行处理。但首先我需要生成下拉列表。。。以下是起始标记的简化示例： USA Northeast Mid-Atlantic New England South West No Venue Region 我试图将上面的内容转换为以下内容： Northeast Mid-Atlantic New England South West No Region 您可能会注意到第一个示例中的顶级也有一个与之关联的单选按钮 – 但这不是所希望的，因为我们希望用户在选择时尽可能精确。这应该是标题，但不幸的是我无法控制生成的内容。我喜欢的解决方案类型是使用一个函数将现有标记处理成一个新实体，然后我可以在隐藏原始实体后附加到父DOM元素。在这个SO线程中 @Enki提供了这种方法的解决方案，但是我无法应用它，因为我无法理解它是如何迭代所有元素的。他的解决方案是这样的： function sitemapCycle(){ if(typeof(sitemapNode)===”undefined”) sitemapNode= $(“#sitemap”); if($(this).find(“ul”).length) { sitemapNode= $(sitemapNode).append(”).children().last(); $(this).find(“ul li”).each(sitemapCycle); sitemapNode= $(sitemapNode).parent(); } else { $(sitemapNode).append(”+$(this).text()+”); […]

单个类（没有其他选择器）的相关下拉列表（链接选择）: 我试图用一种独特的方式创建多个依赖下拉列表（选择）。我想限制选择器的使用，并希望通过在所有SELECT上使用单个类选择器来实现这一点; 通过弄清楚由其索引改变的SELECT 。因此，改变的SELECT[i]将仅改变SELECT[i+1] （而不是像SELECT[i-1]那样的先前的改变）。对于像这样的HTML： Volvo Saab Mercedes Audi 除了第一个之外的SELECT将通过AJAX得到一些东西。我看到以下Javascript给出了正确SELECT的正确值，而i的值也对应于正确的SELECT 。 $(function() { $(“.someclass”).each(function(i) { $(this).change(function(x) { alert($(this).val() + i); }); }); }); 请注意，我真的想要最小选择器方法。我无法解决如何处理这个问题。我应该使用数组吗？就像SELECTS在arrays中存储所有SELECTS然后选择那些？我相信，由于上面的代码已经通过了索引i ，所以应该有一种没有Arrays的方法。谢谢你们。 AJ 更新：这里有一些更好的描述：页面上有超过2个`SELECT`s，类为`someclass`。 SELECT [0]最初有一些值，它的后继是空的，因为它们将根据它们各自的直接祖先的值而改变。如果`SELECT [i]`有变化，它会触发一个事件，并且`SELECT [i + 1]`填充适当的`OPTION`。 `SELECT [i + 2]`和其他后继者如果之前有任何数据则被重置。因此，只有直接子项被填充，但重置了其他后继者。我希望我表达得很好。如果您需要更多关于我想要的内容，请告诉我。

如何以编程方式隐藏选择选项？: 我目前有一个选择性下拉列表，假设它有一些禁用和隐藏的选项，具体取决于我拥有的字符串列表。这是我尝试的非选择性javascript函数： Volvo Saab Opel Audi Ford Hyundai Honda Porsche All Vehicles Volvo Saab Opel Audi Ford Hyundai Honda Porsche function ToggleSelectizeOptions(ids) { var selectizeOptions = document.getElementById(“selectize”).options; var selectizeSingleOption; //We always start at 1 because index 0 always have “” as the value. for (var idx = 1; idx < selectizeOptions.length; idx++) { selectizeSingleOption = […]

使用jQuery从DropDownList项中删除选项: 我有一种情况，在某些情况下，下拉列表可以包含一个不可选择的默认值，一旦另一个值更改，默认值应该不再是一个选项。据我所知，这个概念本身并不存在，所以我试图用jQuery编写代码。具有此条件的所有DropDownLists都分配了一个类“valueSkippedHyperSwap”。需要删除的值是插入符号’^’。这是我的，不起作用： $(‘.valueSkippedHyperSwap’).change(function () { var node = $(this).has(“value=’^'”); node.remove(); }); 根据人们的要求，这里是HTML，虽然我不能为我的世界弄清楚如何将它变成代码块： (^) Blank (skip pattern) (0) No (1) Yes (-) Not assessed (^) Blank (skip pattern) (0) Clear speech-distinct intelligible words (1) Unclear speech-slurred or mumbled words (2) No speech-absence of spoken words (-) Not assessed 这里要注意的一个关键事项是，有多个输入带有valueSkippedHyperSwap类名，所以在事件中，我们必须使用$（this）来正确选项，不能再做其他搜索。

添加一个将改变Woocommerce简单产品价格的选择字段: 我需要在单个产品中添加一个自定义价格的选择，如下所示。 View post on imgur.com 我们的想法是，通过从（选择）中选择一个选项，您可以将其增加到基本价格。不使用变体，因为我的想法是做更多的其他事情，但我需要帮助如何做到这一点。（例）… 我见过这样做的插件被称为“附加组件”，但我不想使用插件。

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

选择之间共享选项（使用HTML和jQuery）: 看了很多答案，却找不到解决这个问题的人。我有四个（可能是n个）列表，每个列表中有相同数量的可能性，如下所示： Pick a: One Two Three Four Pick b: One Two Three Four Pick c: One Two Three Four Pick d: One Two Three Four 请注意，列表中的每个可用选项都已选中（并且每个列表都具有完全相同的）。现在，这些应该通过不允许任何两个列表具有相同的选定值来自动响应更改。使用jQuery，我想做到这一点，当我在第一个列表中选择例如Four时，我希望第四个列表自动设置One （列表之间唯一可用的空闲选项）设置为选中。任何人都可以帮忙吗？

根据所选选项的宽度调整选择元素的宽度: 我希望select元素的默认选项值的宽度更短。当用户选择另一个选项时，select元素应调整自身大小，以便整个文本始终在元素中可见。我已经在问题中找到了一个解决方案，根据选择的OPTION宽度自动调整SELECT元素的大小，但它不能用于bootstrap，我不知道为什么。这是我的尝试： $(document).ready(function() { $(‘select’).change(function(){ $(“#width_tmp”).html($(‘select option:selected’).text()); // 30 : the size of the down arrow of the select box $(this).width($(“#width_tmp”).width()+30); }); }); .btn-select { color: #333; background-color: #f5f5f5; border-color: #ccc; padding:7px; } select { width: 60px; } #width_tmp{ display : none; } All Longer A very very long string…

如果选择了下拉列表中的某些值，请取消选中复选框: 当我从下拉列表中选择某个值或用户没有从下拉列表中选择任何值时，我需要取消选中我的复选框。我现在正在使用Jquery。这是我现在使用的代码，但它不起作用。脚本 function sdp4(str) { if ( $(‘#drop1’).val()!= ” || $(‘#drop1’).val()== “In Process” || $(‘#drop1’).val()== “KIV” ) {$(‘#checkbox1’).prop(‘checked’, false);} else {$(‘#checkbox1’).prop(‘checked’, true);} HTML In Process KIV Completed