Tag: 选择

结合使用同位素过滤的元素

我目前正在使用Isotope来过滤出版物列表,但是希望能够将标准的,记录在案的链接filter方法与select元素结合起来,因为我的第二个filter列表很长。 我正在努力解决的问题是处理两种不同类型的元素, 并将所选值组合成一个选项数组 。 我可以使filter彼此独立工作(下面的代码),但它们需要协同工作。 如何将两个不同的操作(单击或更改)和两个属性(class =或value =)组合到一个选项数组中以传递给isotopfilter? var $container = $(‘#library’); // select ccskills publications by default $container.isotope({ filter: ‘.ccskills’ }); var $optionSets = $(‘#library-options .option-set’), $optionLinks = $optionSets.find(‘a’); $optionLinks.click(function(){ var $this = $(this); // don’t proceed if already selected if ( $this.hasClass(‘selected’) ) { return false; } var $optionSet = $this.parents(‘.option-set’); $optionSet.find(‘.selected’).removeClass(‘selected’); $this.addClass(‘selected’); […]

使用JQuery隐藏Select的选项

好的,让我们从一个例子开始吧。 请记住,这只是一个例子。 Number 1 Number 2 Number 3 现在,从这里开始,我们有3个选项的下拉列表。 我现在要做的是隐藏一个选项。 添加style = “display:none”无济于事。 该选项不会出现在下拉列表中,但使用箭头键,您仍然可以选择它。 从本质上讲,它完全符合代码所说的。 它没有显示,它停在那里。 $(“#1”).hide() JQuery $(“#1”).hide()的JQuery函数不起作用。 另外,我不仅要隐藏选项,还要完全删除它。 这样做有可能吗? 我必须使用父/兄弟/子元素吗? 如果是这样,我仍然不确定如何。 任何有关这方面的帮助将不胜感激。 谢谢。 另一个问题 – 它是相关的 好的,所以我发现JQuery中有一个.remove() 。 效果很好。 但是,如果我想把它带回来怎么办? 如果(条件) { $(这)一个.remove(); } 我可以循环这个。 不应该复杂。 但我想要做的是这样的: 最大容量:(此处输入字段) 选择房间:(在这里下拉) 我想要它做的是使用.change()或.keyup等函数更新Dropdown。 我只能在输入内容后创建下拉列表。 在更改或键盘上,相应地执行下拉列表。 但我正在做的是这样的: $ roomarray = mysql_query(“SELECT * 从 ( 选择 *, 案件 […]

如何在没有包装的情况下创建文本选择工具提示?

我的最终目标是在文本选择上创建工具提示。 然后,用户将能够与类似的工具提示进行交互 。 请注意,我能够通过将所选文本包装在标签中然后在其上创建工具提示来实现此目的,但由于某些其他要求和function问题,这不再是我的选项。 如果您在元素检查器中的上图中注意到,所选文本未包含在任何类型的标记中,则仅在选择上创建工具提示。 我已经看过这个并且它对我不起作用,因为鼠标位置可能与选择结束不同。 我需要实际的选择位置。 一般问题:实现这一目标的最佳方法是什么? 更具体的问题: 我应该使用选择的坐标吗? 如果是这样,有办法获得矩形选择的顶角坐标,这样我就可以找到中点并创建一个工具提示。 有没有办法将选择作为一个元素? 所以我可以放一个工具提示吗? (注意选择可以是多个节点)

下拉填充ajax

我有以下问题:当我从下拉列表中选择一个元素时,我想通过ajax自动填充另一个下拉列表。 我们的想法是在选择“类型”后不加载子类别(sub_type)。 HTML General Test SCRIPT $(“#type”).change(function(){ $.getJSON(“ajax/add_subcathegory.php”,{id: $(this).val(), ajax: ‘true’}, function(j){ var options = ”; for (var i = 0; i < j.length; i++) { options += '’ + j[i].name+ ”; } }); $(“#sub_type”).html(options); }); 我的ajax脚本返回: [{id: 0, name: ‘Mark’}, {id:1, name: ‘Andy’}, {id:2, name: ‘Richard’}] 但是subcathegory(secont select)并没有加载。

ContentEditable Iframe中的自动链接url

我有一个内容可编辑的iframe我想自动链接它,如: 我的内容可编辑的iframe看起来像 我试过在前面提到的这个问题中使用正则表达式。 我在这个问题中使用的function工作正常,但实际上它将取代所有链接,包括标签中的链接(IMG,现有的A HREF)。 但我不想使用regx如果我使用regx转换发生时,我点击任何提交或保存按钮。 当用户在内容可编辑的iframe中粘贴url时,它应自动将任何链接转换为超链接 我也试过这个小提琴但是:(不能得到这个 HTML 我已经尝试过此资源,但无法找到如何解决内容可编辑的iframe问题。 也许这对于满足可疑的div 在contenteditable jQuery中 自动链接URL :将文本URL转换为链接作为键入 任何人都可以帮助我内容可编辑的iframe autolinking谢谢。

使用javascript获取选项元素的高度?

像往常一样,单击select元素时会显示选项元素,并且我想获得选项元素的高度。 谢谢。 编辑 @david 旧学校选择 a s

使用jQuery在页面上(而不是在textarea中)获取所选文本

此插件允许您获取用户在文本区域中选择的文本,并且此站点具有非基于jQuery的指令,用于获取用户在文本区域外选择的文本。 我想知道后者的function是否可用于任何jQuery插件。 编辑:此外,是否有可能获得选择的起始和结束索引? 即,选择在包含元素内开始和结束的位置?

填充使用带有Json数据的Javascript / Jquery单击选择框选项

我还在学习Jquery,并且对我手上的任务感到困惑。 看起来像一个简单的任务…我有一个盒子,我想用点击选项填充。 我不希望它在页面加载时填充,只有当有人实际请求查看列表时。 它也必须只填充一次。 我真的不希望每次有人扩展列表时请求都会出去。 我想我可能在我的Select元素中有一个函数调用 然后有一个Javascript getUsers()函数调用我的Json GetUsers()ActionMethod来获取该列表。 怎么样 ? 就像是…? function getUsers() { getJSON(“/Users/GetUsers”, null, function (data){} } 还是JQuery?… $(“usersList”).click( $.getJSON(“/Users/GetUsers”, null, function (data) {} ) 我应该提一下,我看到这篇文章: 当加载选择列表时(不是文档),在JQuery中用json数据填充selectlist 但是我需要帮助把它们放在一起。 先感谢您!

更改时动态创建的选择菜单不起作用

我这里有一个jsfiddle – http://jsfiddle.net/FTHVJ/ 并在这里演示 – http://ttmt.org.uk/select 我知道这看起来有点疯狂,但它是我可以得到的实际代码。 我在选择菜单#menu_One上有一个’更改’事件处理程序 然后添加一个新的选择菜单#menu_Two,它在jquery中保存为变量。 然后我尝试在这个添加的选择菜单中添加一个’更改’事件处理程序。 on’change’事件不适用于添加的选择菜单。 *{ margin:0; padding:0; } body{ background:#eee; } #wrap{ max-width:800px; margin:0 auto; background:#fff; height:1000px; padding:50px; } #new_select{ height:50px; margin:20px 0 0 0; padding:10px 0 0 0; background:red; } Title of the document Menu One 1 Menu One 2 Menu One 3 Menu One 4 Menu […]

如何在焦点上选择textarea中的所有文本(在safari中)

我无法理解为什么当textarea获得焦点时我无法获得textarea的内容。 请访问这里的实例: http : //jsfiddle.net/mikkelbreum/aSvst/1 使用jQuery,这是我的代码。 (在SAFARI中)它使得在单击事件的情况下选择文本,而不是焦点事件: $(‘textarea.automarkup’) .mouseup(function(e){ // fixes safari/chrome problem e.preventDefault(); }) .focus(function(e){ $(this).select(); }) .click(function(e){ $(this).select(); });