Tag: 选择

使用jQuery从输入过滤表

我正在尝试使用jQuery从字母输入中过滤表。 我在表的两列中有名字和姓氏，我想用其中任何一个过滤行。 我有一个选择输入设置如下： A B C … 我想过滤这个表格： Joe Schmoe $2482.79 172.78.200.124 http://gmail.com John Doe $2776.09 119.232.182.142 http://www.example.com 我如何使用jQuery过滤表？

添加optgroups以动态选择使用javascript

我有一个动态填充（由ajax）选择框，其结果选项如下： London-Paris Paris-London London-New-York New-York-London London-Berlin Berlin-London London-Helsinki Helsinki-London ……实际上有更多但不是本质 我想要的是在加载列表之后使用Javascript（可能使用Jquery或Mootools）将每个这两个选项部分分组，以便在每个组之前 – 我们添加一个带有我们从第二个选项获得的标签的optgroup标签组的html（实际上是破折号之前的单词）： London-Paris Paris-London London-New-York New-York-London London-Berlin Berlin-London London-Helsinki Helsinki-London 但是，每组中总有两个目的地。 请提前告知如何实施此项。

jQuery查找输入类型（但也适用于select）

我需要找到单选按钮，文本和选择的输入类型。 使用很容易找到任何输入类型，因为$(this).attr(“type”)将返回x 我的问题是我需要支持元素，它们没有type属性。 最终目标是返回收音机，文本或选择。 我想做这样的事情，但我很好奇，如果有更好的方法： if ($(this).tagName == “input”) { var result = $(this).attr(“type”); //returns radio or text (the attr type) } else { var result = $(this).tagName; //returns select (the element type) } 谢谢大家！

jQuery / Ajax：使用ajax以动态forms填充选择框

HTML： GroupItemQuantity 1 Dimensioner Scanner Scale Cameras Computer Network Cables Other Add Item JAVA： $(‘form’).on(‘click’, ‘.removeVar’, function(){ $(this).parent().remove(); }); //add a new node var varCount = 2; $(‘#addVar’).on(‘click’, function(){ $node = ”+varCount+’ DimensionerScannerScaleCamerasComputerNetworkCablesOther’; $(“#invars”).val(varCount); $(‘#myTable > tbody:last’).append($node); varCount++; }); $(“select#ctlGroup”).change(function() { $.getJSON(“/ajax-select.php”,{id: $(this).val(), ajax: ‘true’}, function(j){ var options = ”; for (var i = 0; […]

立即获取选择选项的值jquery

我有一个简单的下拉列表，如果用户更改了下拉选项，但想要获取选项的特定值，而无需他按下提交按钮。 这有可能与jquery？ 这是我到目前为止所得到的： Alle Einträge Charlottenburg-Wilmersdorf Reinickendorf 这里的脚本： $(‘#BezirksAuswahl’).click(function(){ $(‘#BezirksAuswahl option:selected’).each(function(){ alert($(this).val()); }); }); 感谢您的帮助，我期待着您的回答。

在链接点击时使用jQuery / Javascript更改下拉选项

假设我有以下链接和下拉列表： Send a mail to mother! Send a mail to father! Send a mail to sister! Send a mail to brother! Mother Father Sister Brother 基本上我希望每个链接都更改为相应的选择选项。 为了给你一个上下文，现在我在页面的末尾有一个表单，并且在开始时我有几个电子邮件链接。 当有人点击链接时，它会滚动（锚定）到表单。 表单具有此下拉列表以选择收件人。 我希望它不仅可以滚动到表单（已经完成），还可以根据点击的链接自动更改选项。 我怎样才能做到这一点？

如何在jQuery中选择HTML5数据属性？

我当前的jQuery选择了value属性。 如何更改我的jQuery以选择数据属性“data-price”？ $(‘#trapfabric, #trapsize’).on(‘change’, function() { var $selected = $(‘#trapfabric, #trapsize’).children(“:selected”); sum = parseInt($(‘#trapsize’).val()) + parseInt($(‘#trapfabric’).val()); $(‘#priceToSwap3’).html(‘$’ + sum ); }); 我知道我必须在上面这样的东西，但我不能让它工作： $(‘#priceToSwap3’).text($selected.data(“price”)) EDITED 我的HTML： $238 foo foo foo foo

显示/隐藏表单取决于下拉列表

我试图根据保管箱选择显示一个特定的forms。 这是我到目前为止：HTML： Option 1 Option 2 Option 3 ​ ​ ​ 和jquery： $select.change(function(){ if($(this).val() == “opt1”){ if($(‘#form1’).is(“:hidden”)){ $(‘#form1’).show(); } $(‘#form2’).hide(); $(‘#form3’).hide(); } if($(this).val() == “opt2”){ if($(‘#form2’).is(“:hidden”)){ $(‘#form2’).show(); } $(‘#form1’).hide(); $(‘#form3’).hide(); } if($(this).val() == “option3”){ if($(‘#form3’).is(“:hidden”)){ $(‘#form3’).show(); } $(‘#form1’).hide(); $(‘#form2’).hide(); } }); 我想将它用于不同的联系类型，例如。 “得到报价”，“一般查询”，“发表反馈” – 除非你更好地了解这一点。 感谢您的时间和帮助。 jsfiddle： 这里 这里的问题是这不起作用。 它同时显示所有表单，＃selector不会影响任何表单的可见性。

如何在PHP代码中获取下拉框的选定选项值

我有一个下拉框，列出了一组徽标，如花，蝴蝶等。 Logo <option id="” value=””> 假设我从下拉框中选择徽标’Flower’，我希望花卉图片以div显示。 这是我必须显示图片的div： <img height="50" width="50" src="https://stackoverflow.com/FormBuilder/app/webroot/img/themes/” class=”float_left user_profile_image user_profile_image” alt=”Default50″/> 此代码的问题是它显示表中找到的所有图片。 因为在我的控制器代码中，我只给出了’Logo’的属性id，但是没有给出哪个徽标。 $this->set(‘defaultLogos’,$this->Subproperty->find(‘all’,array(‘conditions’=>array(‘Subproperty.property_id’=>1,’Subproperty.values’=>”Flower”)))); 在这里，我有硬编码’花’，所以我只得到花卉图片。 如果我从下拉框中选择徽标，如何将所选值传递给控制器​​代码？ 或者，如果我使用jQuery获取所选的徽标名称，如何在foreach循环中的if条件中使用该值？ 我正在使用CakePHP框架。 $(“#logoMenu option”).click(function(){ selectedLogo=$(this).attr(“value”); $(‘#subproperty_id’).val($(this).attr(“id”)); if(selectedLogo==”Your logo”){ $(“#themes_upload”).show(); } else{ alert(selectedLogo); $(“#themes_upload”).hide(); $(“#theme_logos”).show(); } }); 编辑： 现在我尝试了一个AJAX POST，我将所选的徽标传递给控制器​​的同一个动作。 当我在ajax函数的success函数中提醒传递的值但是没有出现图片时，我得到了值。 $(“#logoMenu option”).click(function(){ selectedLogo=$(this).attr(“value”); $(‘#subproperty_id’).val($(this).attr(“id”)); if(selectedLogo==”Your logo”){ $(“#themes_upload”).show(); } else { alert(selectedLogo); $.ajax({ type: “POST”, url: […]

重置/取消选择选择选项

用法： 我有一个具有选择下拉列表的表单，该下拉列表由另一个选择下拉列表控制。 在加载页面时（如果之前选择的值，PHP加载它们）选择下拉列表＃2隐藏了几个选项（这是有效的）。 使用选择下拉列表＃1选择特定选项时，选择下拉列表＃2隐藏选项变为可用（.show（），这样可行）。 问题:(概述问题的一个例子： http ： //jsfiddle.net/RqhbY/7/ ） 当显示/可用隐藏选项并选择一个时，然后选择下拉列表＃1更改隐藏选项的下拉列表＃2中的值，在提交时，将提交所选隐藏值。 如何取消选择/重置现在隐藏的选定选项？