Tag: 选择

如何按名称获取所选元素，然后使用jQuery从下拉列表中获取所选值？

我能够按名称找到我的选择元素，但是我找不到与之关联的选定值。 这是我的代码如下： Choice 1 Choice 2 然后，在我使用的处理程序中： function mySelectHandler(name){ var mySelect = $(‘select[name=’ + name) // try to get selected value // alert (“selected ” + mySelect.val()) console.log(“object “+ mySelect.toSource()); } 我打印到日志的结果是： object（{length：0，prevObject：{0：（{}），context：（{}），length：1}，context：（{}），selector：“select [name = a [b]”}） 有关如何做到这一点的任何想法？

如何使用JavaScript加载本地JSON文件以更新HTML中的选择列表？ （期待简单的答案，我只是一个初学者）

这就是我想要的：我想在’countries.json’文件中添加或删除国家/地区，该文件存储在我的本地。 这只是了解json的一个测试。 请帮我。

显示根据选择值隐藏多个div

寻找一些jQuery来帮助隐藏和显示我正在创建的简单forms的内容。 选择字段中的选择选项1-3应显示三个数据响应div中的一个，并在表单的其余部分（数据表单顺序2）中显示内容。 我认为数据属性是一条很好的路径，但不知道从哪里开始。 – please select – Option 1 Option 2 Option 3 This is content for option 1. This is content for option 2. This is content for option 3. Rest of form content. This area should show when option values 1-3 are selected in the select field.

jquery选择两个不是兄弟元素的元素之间的元素

（我删除了属性，但它是一些自动生成的HTML。） hello world text. some text more text another piece of text some text on the end 我需要对所有文本应用一些突出显示，这些文本位于两个最接近（在HTML代码中） img.p元素之间，当它们首先hover时。 我不知道该怎么做。 让我们说我徘徊在第一个img.p – 它应该突出hello world和text. 没有别的。 而现在最糟糕的部分 – 我需要背景在mouseleave上消失。 我需要它来处理任何可能的HTML混乱。 以上只是一个例子，文件的结构会有所不同。 提示：只要不改变输出文档的外观，在绑定hover和放置一些跨度之前处理整个html就可以了。

Jquery的Chosen插件带有Chained插件和选择框

我是新来的 所以这就是问题所在：我正在尝试使用选择的插件（http://harvesthq.github.com/chosen/）和链接插件（http://www.appelsiini.net/projects/chained）作为我的选择框 但它不能很好地工作。 这里是与示例的链接 http://jsfiddle.net/hgRGm/ 提前致谢

为什么选择下拉列表不允许我单击IE项目但在Firefox，Chrome等中正常工作？

我正在使用jquery mega下拉菜单插件 。 在其中一个菜单中，我想添加一个下拉框。 它在Firefox，Chrome中运行良好（如下面的截图所示） 但是在IE中，当我点击选择下拉列表并将鼠标hover在选择项中的某个项目上超过一秒钟时，整个菜单就会消失（就像它认为我不再盘旋在菜单上一样）。 我能够在这个例子中重现这个问题（点击“销售”） 有关如何在jquery mega菜单上显示选择下拉列表的任何建议

如何对列表中的字段进行排序，但忽略一个选项

我有以下脚本按字母顺序对列表的值进行排序，因为此列表会根据网站的语言进行更改。 Confederation Africa (CAF) Asia (AFC) Europe (UEFA) North & Central America (CONCACAF) Oceania (OFC) South America (CONMEBOL) $(“#list1”).html($(“#list1 option”).sort(function (a, b) { return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 })) 如您所见，在通过脚本后，这是输出： Africa (CAF) Asia (AFC) Confederation Europe (UEFA) North & Central America (CONCACAF) Oceania (OFC) South America […]

根据多个下拉选项隐藏/显示行（过滤）

所以我的问题是这个。 我有一个表，我隐藏/显示基于下拉菜单选择的行。 想要的是2个菜单一起工作而不是独立工作。 如果我在第一个下拉列表中选择一个项目，那么我希望能够使用第二个下拉列表进一步过滤该项目，依此类推以及任何其他下拉列表。 这是我正在使用的代码，目前独立工作。 $(document).ready(function(){ $(‘select#age’).bind(‘change’,function(){ if($(this).val()==’Show All’){ $(‘td.age’).parent().show(); }else{ $(‘td.age’).parent().hide(); $(‘td.age:contains(“‘+$(this).val()+'”)’).parent().show(); } $(‘#counts’).html( $(‘table.data_table tr:visible’).length-1 + ‘ Registered Kids’ ) }) $(‘select#sport’).bind(‘change’,function(){ if($(this).val()==’Show All’){ $(‘td.sport’).parent().show(); }else{ $(‘td.sport’).parent().hide(); $(‘td.sport:contains(“‘+$(this).val()+'”)’).parent().show(); } $(‘#counts’).html( $(‘table.data_table tr:visible’).length-1 + ‘ Registered Kids’ ) }) })

window.getSelection（）与HTML标签的偏移量？

如果我有以下HTML： Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. 我在mouseup上运行一个事件，它可以看到所选文本的范围： $(“.content”).on(“mouseup”, function () { var start = window.getSelection().baseOffset; var end = window.getSelection().focusOffset; if (start < end) { var start = window.getSelection().baseOffset; var end = window.getSelection().focusOffset; } else { var start = window.getSelection().focusOffset; var end = window.getSelection().baseOffset; } console.log(window.getSelection()); console.log(start + ", " + […]

jquery选项选择不在chrome中工作

我想在获取需要选择的选项值后，在jquery中选择自动选择选项。 但是它无法在Chrome中运行。 它在firefox和IE 9中工作。为什么会这样？ 函数填充是填充值的函数。 （函数res，仅重置由函数填充填充的值，对此问题不重要） function fill(thisValue) { $(‘#inputString’).val(thisValue); $.post(“get.php?op=category”, {queryString: “”+thisValue+””}, function(data){ if(data.length >0) { $(“#mymenu option[value='”+data+”‘]”).attr(‘selected’, ‘selected’); $(‘#mymenu’).attr(“disabled”,”disabled”); } }); $.post(“get.php?op=name”, {queryString: “”+thisValue+””}, function(data){ if(data.length >0) { $(‘#nameString’).val(data); $(‘#nameString’).attr(“disabled”,”disabled”); } }); $.post(“get.php?op=author”, {queryString: “”+thisValue+””}, function(data){ if(data.length >0) { $(‘#authorString’).val(data); $(‘#authorString’).attr(“disabled”,”disabled”); } }); $.post(“get.php?op=publisher”, {queryString: “”+thisValue+””}, function(data){ if(data.length >0) { $(‘#publisherString’).val(data); $(‘#publisherString’).attr(“disabled”,”disabled”); } […]