Tag: 选择

jQuery基于下拉菜单中选择的数字动态创建输入字段?

我正在尝试按照以下方式完成某些事情: http://devblog.jasonhuck.com/assets/infiniteformrows.html 但是……我想显示一个下拉选择字段,值为1到20,并且取决于在该字段中选择的值,即我将向用户显示的页面上填写的输入字段数量(不刷新,当然)。 因此,如果我在下拉框中选择4(最初没有显示输入字段,默认值应为0),则应在其下方创建4行输入字段,用于名称和电子邮件,所有输入字段都具有唯一标识符等(用于存储到mysql)。 而对于我的生活,我找不到任何人这样做的例子,所以我想我会在这里提出一些挑战。 提前致谢!

使用选择框检测交互

如何(使用javascript或jQuery)我可以检测何时从选择框中选择了一个值,即使它与之前选择的选项相同(即没有触发更改事件)。 主要是我需要这个用于鼠标交互,但是一个适用于键盘的解决方案也很方便。

如果没有禁用,则Jquery选择all

我使用以下脚本来选择具有给定类的所有复选框。 $(document).ready(function(){ // 1 // 2 $(‘:checkbox.selectall’).on(‘click’, function(){ // 3 $(‘:checkbox[class=’+ $(this).data(‘checkbox-name’) + ‘]’).prop(“checked”, $(this).prop(“checked”)); $(‘:checkbox[class=’+ $(this).data(‘checkbox-name’) + ‘]’).trigger(“change”); }); }); 但是我遇到了问题,因为de / select all复选框能够取消选择被禁用的复选框。 我试过这个 $(document).ready(function(){ // 1 // 2 $(‘:checkbox.selectall’).on(‘click’, function(){ // 3 $(‘:checkbox[class=’+ $(this).data(‘checkbox-name’) + !$(:disabled) + ‘]’).prop(“checked”, $(this).prop(“checked”)); $(‘:checkbox[class=’+ $(this).data(‘checkbox-name’) + !$(:disabled) + ‘]’).trigger(“change”); }); }); 但它不起作用。 我已经做了一个jsfiddle来展示问题http://jsfiddle.net/e67Fv/

在Safari中没有触发JQuery Click事件?

当用户从选择框中选择一个选项时,我正在尝试做某事 – 尽可能简单吗? 我正在使用JQuery 1.3.1注册一个带有选择框id的点击处理程序。 一切都很好,直到我使用Chrome和Safari测试,发现它不起作用。 Firefox 3.05 – 是的 IE 7.0.5730.13 – 是的 IE6Eolas – 是的 Sarafi 3.2.1 – 没有 Chrome 1.0.154.43 – 没有 见下面的代码: $(document).ready(function(){ $(‘#myoption’).click(function() { alert(‘Select Dropdown was clicked: ‘+ $(‘#myoption’).val()); }); }); A B 任何人都知道我应该为此工作做什么? 警报最终会被触发,但只有在双击选择框后才能触发?

使用jQuery select()选择div的内容

是否可以使用或调整jQuery的.select()来设置div的整个内容的选择范围? 我有一个div,它有一系列标签,输入,选择对象和一些其他UI元素。 我在一个单独的StackOverflowpost上找到了代码,其中一些代码托管在jsFiddle上: http : //jsfiddle.net/KcX6A/570/ 这可以适应选择输入值吗? 或者你会怎么建议我这样做? 谢谢,康纳 编辑:更多信息 我知道如何使用jQuery获取输入的值,这很容易,我也知道如何使用.select()选择独立元素的值。 在我的div中,我有一系列不同的元素类型,包括输入,标签,选择等。我需要对所有元素进行全面选择。 我之前添加的jsFiddle链接显示了如何设置div的范围并选择像p标签等元素的文本。我需要的是设置div的内容范围,当我点击ctrl + c或cmd + c时复制输入值和标签。 总而言之,使用.val和.select不会起作用,我不这么认为。 我需要以某种方式结合上述内容,但不确定如何实现。 有任何想法吗?

struts2:使用javascript和jquery根据第一个选择值更新第二个选择

我正在开发一个struts2项目,我有3个html选择控件,每个控件都依赖于之前的选择。 假设第一个选择用于国家,第二个用于州,第三个用于城市。 状态选择中的选项列表将被过滤以仅显示该国家/地区的状态,依此类推。 由于一些其他限制,我使用基本的html选择控件而不是struts2的。 以下是我目前如何填充选择的示例: <option value="”> 我认为我需要做的是onchange事件做一个ajax调用来检索基于所选“国家”的“状态”列表。 问题是: 1.如何使用jquery进行此ajax调用? 2.我需要传递什么作为ajax调用的url? 只是动作名称? 3.我如何解析结果? 从java代码我可以返回具有“代码”和“标签”以及其他属性的“状态”对象列表。 如何在javascript中解析此列表并为select标签生成适当的选项?

JQuery:将数组输入值转换为字符串优化

使用jQuery我有以下代码: var selectedIdsArray = $(“#selectId option:selected”).map(function(){return this.value;}); var selectedIdsStr = $.map(selectedIdsArray, function(val){ return “” + val + “”;}); 它成功检索了一串id,例如。 来自元素的selectedIdsStr =“2,45,245,1”。 我想知道是否有更有效的方法(更少的代码)来实现这一目标? 谢谢!

如何获取下拉列表的选定值的文本?

可能重复: jQuery获取特定的选项标签文本 如何使用jquery获取select的选定选项的文本? 我有一个下拉列表,我想知道所选项目的文本。 例如: Volvo Saab Mercedes 如果我知道所选的值,我怎样才能得到它的文本值? 例如,如果值为1 ,我怎样才能获得Volvo ? 非常感谢。

HTML修改后无法恢复选择,即使它是相同的HTML

我正在尝试存储一个contentEditable元素的选择,并在以后恢复它。 我想观察paste事件并按原样存储HTML,清除html然后手动插入粘贴的文本,并在所选位置进行一些更改。 看看这个例子: jsfiddle.net/gEhjZ 当您选择文本的一部分时,点击store ,再次删除选择并点击restore ,它按预期工作。 但是当你第一次点击store ,然后通过点击overwrite html替换HTML与完全相同的HTML,然后尝试restore ,没有任何反应。 我认为使用.cloneRange()会有所作为,但事实并非如此。 即使是对象的深层副本( $.extend(true, {}, oldRange) )也$.extend(true, {}, oldRange) 。 一旦我覆盖HTML,选择对象sel也会被更改。 对我来说,更改选择上下文将擦除范围是有道理的,但我正在尝试将其恢复为完全相同的HTML。 我知道我可以使用rangy ,但我真的不想为这个小function使用一个巨大的库。 我错过了什么? 任何帮助将非常感激! 注意:只有Firefox / Chrome,因此不需要使用crossbrowser-hacks。 更新: @Tim Down的答案在使用div时有效,但我实际上使用的是iframe。 当我做那个例子时,我认为这没有任何区别。 现在当我尝试恢复iframe的主体时,我收到以下错误: TypeError: Value does not implement interface Node. 在以下行中preSelectionRange.selectNodeContents(containerEl); 。 我没有从谷歌搜索获得太多。 我试图包装正文的内容并恢复包装的html,但我得到了同样的错误。 jsfiddle在这种情况下不起作用,因为它使用iframe来显示结果本身,所以我在这里举了一个例子: snipt.org/AJad3 并且没有包装: snipt.org/AJaf0 更新2:我认为我必须使用editable.get(0) 。 但现在iframe选择的start和end是0.参见snipt.org/AJah2

在jquery UI上创建一个样式化的Dropdown

在右上角的http://jqueryui.com/demos/accordion/上,您可以看到默认情况下显示“主题:UI亮度”的下拉列表。 我想在我的Web应用程序中创建这样一个交互元素。 有谁知道一个好的jquery插件可以轻松做到这一点?